Nerdulator> put something in

Recognised as Colour

#D1E4E3

  • #D1E4E3
  • Cyan
  • Light
  • Nearest: Gainsboro

#D1E4E3 is a cyan with RGB values 209, 228, 227 and HSL 177°, 26%, 86%. It is a light colour, so black text on it reaches 15.9:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#D1E4E3#D1E4E3
HEX#D1E4E3
RGBrgb(209, 228, 227)
RGB (0–1)0.8196, 0.8941, 0.8902
RGB percentages82%, 89.4%, 89%
HSLhsl(176.8, 26%, 85.7%)
HSV / HSBhsv(176.8, 8.3%, 89.4%)
CMYK8.3%, 0%, 0.4%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,755,619
CSS custom property--colour: #D1E4E3;

Brightness & contrast

Relative luminance0.74588WCAG 2.x, 0 is black and 1 is white
Perceived brightness222.4 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.92:1
Contrast with white1.32:1WCAG normal text: Fail
Contrast with black15.92:1WCAG normal text: AAA
Greyscale equivalent#E0E0E0
Inverted#2E1B1C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E1E2E3no red cones; affects about 1% of men; ΔE 6.4 from the original
Deuteranopia#DEDFE3no green cones; the most common form, about 1% of men; ΔE 6.9 from the original
Tritanopia#CCE5E4no blue cones; rare, and affects men and women equally; ΔE 2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.32:1WCAG large text: Fail
Contrast with black, large text15.92:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 6.8Light grey · ΔE 8.1Light cyan · ΔE 9.5Alice blue · ΔE 9.8Azure · ΔE 9.9White smoke · ΔE 9.9
Nearest named CSS colourGainsboro (#DCDCDC)ΔE 6.84, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E4D1D2
Analogous#D1E4D9, #D1DCE4
Triadic#E3D1E4, #E4E3D1
Split complementary#E4D1DC, #E4D9D1
Tetradic#D9D1E4, #E4D1D2, #DCE4D1

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#F1F7F7
Darker −10%#B1D1CF
Darker −20%#91BEBC
Darker −30%#71ABA8
Darker −40%#569390
More saturated +25%#C8EDEB
Less saturated −25%#DADBDB

Channel breakdown

R209
G228
B227
Red209 (82%)
Green228 (89.4%)
Blue227 (89%)
Hue176.84°
Saturation (HSL)26.03%
Lightness85.69%
Dominant channelGreen
Hex per channelR D1 · G E4 · B E3

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “d1e4e3” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.