ColorXprez

#CCD9DE

Light Gray · very light neutral

About #CCD9DE

#CCD9DE is a very light, near-neutral teal colour. Digitally that works out to 80% red, 85% green and 87% blue. In CMYK print terms it is 8% cyan, 2% magenta, 0% yellow and 13% black. Being nearly neutral, it pairs easily with warm and cool tones alike.

Visually it is very close to Light Gray (ΔE 5.4), with Ice Blue the next nearest named colour. Across the colour wheel sits #DED1CC (light gray), 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.55:1 (a WCAG AAA pass).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red204
Green217
Blue222

Closest named colours

Light Gray
#D3D3D3 · ΔE 5.4
Ice Blue
#DBEEFA · ΔE 8.2
Silver
#C0C0C0 · ΔE 9.7

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

Text on #CCD9DE

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on light gray #CCD9DE.
1.44:1Fail
Black heading text
Body copy set on light gray #CCD9DE.
14.55:1AAA

Colour-blindness preview

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

Normal vision
#CCD9DE
Protanopia (no red cones)
#D6D8DE
Deuteranopia (no green cones)
#D3D6DE
Tritanopia (no blue cones)
#C7DBDA

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #CCD9DE?

#CCD9DE is a very light, near-neutral teal colour. Digitally that works out to 80% red, 85% green and 87% blue. In CMYK print terms it is 8% cyan, 2% magenta, 0% yellow and 13% black. Being nearly neutral, it pairs easily with warm and cool tones alike.

›What text colour should I use on #CCD9DE?

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

›What colours go with #CCD9DE?

Its complementary colour is #DED1CC, and analogous partners are #CCDEDA and #CCD0DE.