NeutralLightMuted

Lullaby

#CCD3D4

Contrast at a glance

White text

1.52:1Fails

Black text

13.04:1AAA

Open the contrast checker →

About Lullaby

Lullaby (#CCD3D4) is a light neutral. Its RGB value is 204, 211, 212 and its HSL value is 188°, 9%, 82%. Black text reads best on it, at a contrast ratio of 13.04:1 (WCAG AAA). Below are ten tints and shades of Lullaby, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#CCD3D4 · #D4CDCC

Analogous

#CCD4D1 · #CCD3D4 · #CCCFD4

Triadic

#CCD3D4 · #D4CCD3 · #D3D4CC

Split complementary

#CCD3D4 · #D4CCCF · #D4D1CC

Do more with Lullaby

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

Start a palette Generate a scale Check contrast