Colour

#CCD7CD

#CCD7CD
Green
Light
Nearest: Light grey

#CCD7CD is a green with RGB values 204, 215, 205 and HSL 125°, 12%, 82%. It is a light colour, so black text on it reaches 14.2:1 contrast (AAA for normal text). The nearest named colour is Light grey.

Colour values

#CCD7CD#CCD7CD

HEX#CCD7CD

RGBrgb(204, 215, 205)

RGB (0–1)0.8, 0.8431, 0.8039

RGB percentages80%, 84.3%, 80.4%

HSLhsl(125.5, 12.1%, 82.2%)

HSV / HSBhsv(125.5, 5.1%, 84.3%)

CMYK5.1%, 0%, 4.7%, 15.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,424,589

CSS custom property--colour: #CCD7CD;

Brightness & contrast

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

Perceived brightness210.6 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.17:1

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

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

Greyscale equivalent#D4D4D4

Inverted#332832

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light grey · ΔE 6.6 Gainsboro · ΔE 7.2 Silver · ΔE 9.8 Linen · ΔE 12.9 White smoke · ΔE 13.4 Honeydew · ΔE 13.9

Nearest named CSS colourLight grey (#D3D3D3)ΔE 6.65, clearly different but related

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D7CCD6

Analogous#D1D7CC, #CCD7D3

Triadic#CDCCD7, #D7CDCC

Split complementary#D3CCD7, #D7CCD1

Tetradic#CCD1D7, #D7CCD6, #D7D3CC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#E9EDE9

Darker −10%#AFC1B1

Darker −20%#93AA95

Darker −30%#769479

Darker −40%#5F7861

More saturated +25%#C1E2C4

Less saturated −25%#D2D2D2

Channel breakdown

R204

G215

B205

Red204 (80%)

Green215 (84.3%)

Blue205 (80.4%)

Hue125.45°

Saturation (HSL)12.09%

Lightness82.16%

Dominant channelGreen

Hex per channelR CC · G D7 · B CD

Keep nerding

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

#CCD7CD

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