Recognised as Colour

#DDE2E9

#DDE2E9
Blue
Light
Nearest: Gainsboro

#DDE2E9 is a blue with RGB values 221, 226, 233 and HSL 215°, 21%, 89%. It is a light colour, so black text on it reaches 16.1:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#DDE2E9#DDE2E9

HEX#DDE2E9

RGBrgb(221, 226, 233)

RGB (0–1)0.8667, 0.8863, 0.9137

RGB percentages86.7%, 88.6%, 91.4%

HSLhsl(215, 21.4%, 89%)

HSV / HSBhsv(215, 5.2%, 91.4%)

CMYK5.2%, 3%, 0%, 8.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,541,545

CSS custom property--colour: #DDE2E9;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.13:1

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

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

Greyscale equivalent#E1E1E1

Inverted#221D16

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Gainsboro · ΔE 4.5 Light grey · ΔE 6.5 Lavender · ΔE 7.3 Alice blue · ΔE 7.6 White smoke · ΔE 7.9 Ghost white · ΔE 8.2

Nearest named CSS colourGainsboro (#DCDCDC)ΔE 4.45, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E9E4DD

Analogous#DDE8E9, #DEDDE9

Triadic#E9DDE2, #E2E9DD

Split complementary#E9DEDD, #E8E9DD

Tetradic#E9DDE8, #E9E4DD, #DDE9DE

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FCFCFD

Darker −10%#BEC8D5

Darker −20%#9FADC1

Darker −30%#8093AD

Darker −40%#627998

More saturated +25%#D6E1F0

Less saturated −25%#E3E3E3

Channel breakdown

R221

G226

B233

Red221 (86.7%)

Green226 (88.6%)

Blue233 (91.4%)

Hue215°

Saturation (HSL)21.43%

Lightness89.02%

Dominant channelBlue

Hex per channelR DD · G E2 · B E9

Keep nerding

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

#DDE2E9

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