Recognised as Colour

#DDE8E7

#DDE8E7
Cyan
Light
Nearest: Gainsboro

#DDE8E7 is a cyan with RGB values 221, 232, 231 and HSL 175°, 19%, 89%. It is a light colour, so black text on it reaches 16.8:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#DDE8E7#DDE8E7

HEX#DDE8E7

RGBrgb(221, 232, 231)

RGB (0–1)0.8667, 0.9098, 0.9059

RGB percentages86.7%, 91%, 90.6%

HSLhsl(174.5, 19.3%, 88.8%)

HSV / HSBhsv(174.5, 4.7%, 91%)

CMYK4.7%, 0%, 0.4%, 9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,543,079

CSS custom property--colour: #DDE8E7;

Brightness & contrast

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

Perceived brightness228.7 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.77:1

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

Contrast with black16.77:1WCAG normal text: AAA

Greyscale equivalent#E6E6E6

Inverted#221718

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text16.77:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 5.2 White smoke · ΔE 6.6 Alice blue · ΔE 7.4 Light grey · ΔE 7.7 Azure · ΔE 7.9 Mint cream · ΔE 8.2

Nearest named CSS colourGainsboro (#DCDCDC)ΔE 5.19, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E8DDDE

Analogous#DDE8E2, #DDE4E8

Triadic#E7DDE8, #E8E7DD

Split complementary#E8DDE4, #E8E2DD

Tetradic#E2DDE8, #E8DDDE, #E3E8DD

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FBFDFC

Darker −10%#BFD3D2

Darker −20%#A0BFBC

Darker −30%#82AAA7

Darker −40%#649590

More saturated +25%#D6EFED

Less saturated −25%#E3E3E3

Channel breakdown

R221

G232

B231

Red221 (86.7%)

Green232 (91%)

Blue231 (90.6%)

Hue174.55°

Saturation (HSL)19.3%

Lightness88.82%

Dominant channelGreen

Hex per channelR DD · G E8 · B E7

Keep nerding

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

#DDE8E7

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