Recognised as Colour

#CCD9DA

#CCD9DA
Cyan
Light
Nearest: Light grey

#CCD9DA is a cyan with RGB values 204, 217, 218 and HSL 184°, 16%, 83%. It is a light colour, so black text on it reaches 14.5:1 contrast (AAA for normal text). The nearest named colour is Light grey.

Colour values

#CCD9DA#CCD9DA

HEX#CCD9DA

RGBrgb(204, 217, 218)

RGB (0–1)0.8, 0.851, 0.8549

RGB percentages80%, 85.1%, 85.5%

HSLhsl(184.3, 15.9%, 82.7%)

HSV / HSBhsv(184.3, 6.4%, 85.5%)

CMYK6.4%, 0.5%, 0%, 14.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,425,114

CSS custom property--colour: #CCD9DA;

Brightness & contrast

Relative luminance0.67525WCAG 2.x, 0 is black and 1 is white

Perceived brightness213.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.51:1

Contrast with white1.45:1WCAG normal text: Fail

Contrast with black14.51:1WCAG normal text: AAA

Greyscale equivalent#D6D6D6

Inverted#332625

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#D7D8DAno red cones; affects about 1% of men; ΔE 4.3 from the original

Deuteranopia#D4D6DAno green cones; the most common form, about 1% of men; ΔE 4.2 from the original

Tritanopia#C8DAD9no blue cones; rare, and affects men and women equally; ΔE 2.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.45:1WCAG large text: Fail

Contrast with black, large text14.51:1WCAG large text: AAA

Named colours

Light grey · ΔE 4.8 Gainsboro · ΔE 5 Silver · ΔE 9.3 Powder blue · ΔE 11.6 White smoke · ΔE 11.7 Light blue · ΔE 11.8

Nearest named CSS colourLight grey (#D3D3D3)ΔE 4.78, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#DACDCC

Analogous#CCDAD4, #CCD2DA

Triadic#DACCD9, #D9DACC

Split complementary#DACCD2, #DAD4CC

Tetradic#D4CCDA, #DACDCC, #D2DACC

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#EAEFEF

Darker −10%#AEC3C5

Darker −20%#91ADAF

Darker −30%#73979A

Darker −40%#5C7C7E

More saturated +25%#C1E2E5

Less saturated −25%#D3D3D3

Channel breakdown

R204

G217

B218

Red204 (80%)

Green217 (85.1%)

Blue218 (85.5%)

Hue184.29°

Saturation (HSL)15.91%

Lightness82.75%

Dominant channelBlue

Hex per channelR CC · G D9 · B DA

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#CCD9DA

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else