BlueMid-toneMuted

Petrel

#3C71B7

Contrast at a glance

White text

4.96:1AA

Black text

4.00:1AA large

Open the contrast checker →

About Petrel

Petrel (#3C71B7) is a mid-tone muted blue. Its RGB value is 60, 113, 183 and its HSL value is 214°, 51%, 48%. White text reads best on it, at a contrast ratio of 4.96:1 (WCAG AA). Below are ten tints and shades of Petrel, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#3C71B7 · #B7823C

Analogous

#3CAFB7 · #3C71B7 · #453CB7

Triadic

#3C71B7 · #B73C71 · #71B73C

Split complementary

#3C71B7 · #B7443C · #AFB73C

Do more with Petrel

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast