ColorXprez

#CCD4E0

Light Gray · very light neutral

About #CCD4E0

#CCD4E0 is a very light, near-neutral blue colour. Digitally that works out to 80% red, 83% green and 88% blue. In CMYK print terms it is 9% cyan, 5% magenta, 0% yellow and 12% black. Being nearly neutral, it pairs easily with warm and cool tones alike.

Visually it is very close to Light Gray (ΔE 6.9), with Lavender the next nearest named colour. Across the colour wheel sits #E0D8CC (bone), its complementary partner.

Because it is very light, it is most useful for backgrounds, page sections and subtle cards. Black text reads best on it at 14.06:1 (a WCAG AAA pass).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red204
Green212
Blue224

Closest named colours

Light Gray
#D3D3D3 · ΔE 6.9
Lavender
#E6E6FA · ΔE 8.7
Ice Blue
#DBEEFA · ΔE 9.2

ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.

Text on #CCD4E0

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on light gray #CCD4E0.
1.49:1Fail
Black heading text
Body copy set on light gray #CCD4E0.
14.06:1AAA

Colour-blindness preview

How #CCD4E0 appears to people with the three most common types of colour-vision deficiency.

Normal vision
#CCD4E0
Protanopia (no red cones)
#D0D4E1
Deuteranopia (no green cones)
#CED2E0
Tritanopia (no blue cones)
#C7D6D8

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #CCD4E0?

#CCD4E0 is a very light, near-neutral blue colour. Digitally that works out to 80% red, 83% green and 88% blue. In CMYK print terms it is 9% cyan, 5% magenta, 0% yellow and 12% black. Being nearly neutral, it pairs easily with warm and cool tones alike.

›What text colour should I use on #CCD4E0?

Use black text. Black on #CCD4E0 has a contrast ratio of 14.06:1 (AAA).

›What colours go with #CCD4E0?

Its complementary colour is #E0D8CC, and analogous partners are #CCDEE0 and #CECCE0.