BlueMid-toneMuted

Heron

#686689

Contrast at a glance

White text

5.45:1AA

Black text

3.63:1AA large

Open the contrast checker →

About Heron

Heron (#686689) is a mid-tone muted blue. Its RGB value is 104, 102, 137 and its HSL value is 243°, 15%, 47%. White text reads best on it, at a contrast ratio of 5.45:1 (WCAG AA). Below are ten tints and shades of Heron, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#686689 · #878966

Analogous

#667689 · #686689 · #7A6689

Triadic

#686689 · #896866 · #668968

Split complementary

#686689 · #897A66 · #768966

Do more with Heron

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

Start a palette Generate a scale Check contrast