BlueMid-toneMuted

Functional Blue

#3F5F84

Contrast at a glance

White text

6.60:1AA

Black text

3.00:1Fails

Open the contrast checker →

About Functional Blue

Functional Blue (#3F5F84) is a mid-tone muted blue. Its RGB value is 63, 95, 132 and its HSL value is 212°, 35%, 38%. White text reads best on it, at a contrast ratio of 6.60:1 (WCAG AA). Below are ten tints and shades of Functional Blue, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#3F5F84 · #84643F

Analogous

#3F8284 · #3F5F84 · #423F84

Triadic

#3F5F84 · #843F5F · #5F843F

Split complementary

#3F5F84 · #84423F · #82843F

Do more with Functional Blue

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

Start a palette Generate a scale Check contrast