BlueLightMuted

Heroic Heron

#CCD3E9

Contrast at a glance

White text

1.49:1Fails

Black text

13.26:1AAA

Open the contrast checker →

About Heroic Heron

Heroic Heron (#CCD3E9) is a light muted blue. Its RGB value is 204, 211, 233 and its HSL value is 226°, 40%, 86%. Black text reads best on it, at a contrast ratio of 13.26:1 (WCAG AAA). Below are ten tints and shades of Heroic Heron, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#CCD3E9 · #E9E2CC

Analogous

#CCE2E9 · #CCD3E9 · #D4CCE9

Triadic

#CCD3E9 · #E9CCD3 · #D3E9CC

Split complementary

#CCD3E9 · #E9D4CC · #E2E9CC

Do more with Heroic Heron

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

Start a palette Generate a scale Check contrast