Colour

#DFE7E5

#DFE7E5
Cyan
Light
Nearest: Gainsboro

#DFE7E5 is a cyan with RGB values 223, 231, 229 and HSL 165°, 14%, 89%. It is a light colour, so black text on it reaches 16.7:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#DFE7E5#DFE7E5

HEX#DFE7E5

RGBrgb(223, 231, 229)

RGB (0–1)0.8745, 0.9059, 0.898

RGB percentages87.5%, 90.6%, 89.8%

HSLhsl(165, 14.3%, 89%)

HSV / HSBhsv(165, 3.5%, 90.6%)

CMYK3.5%, 0%, 0.9%, 9.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,673,893

CSS custom property--colour: #DFE7E5;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.7:1

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

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

Greyscale equivalent#E5E5E5

Inverted#20181A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Gainsboro · ΔE 4.4 White smoke · ΔE 6.3 Light grey · ΔE 7.1 Alice blue · ΔE 7.7 Mint cream · ΔE 8.3 Azure · ΔE 8.3

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E7DFE1

Analogous#DFE7E1, #DFE5E7

Triadic#E5DFE7, #E7E5DF

Split complementary#E7DFE5, #E7E1DF

Tetradic#E1DFE7, #E7DFE1, #E5E7DF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FCFDFD

Darker −10%#C2D1CD

Darker −20%#A5BBB6

Darker −30%#88A59E

Darker −40%#6B8F86

More saturated +25%#D8EEE8

Less saturated −25%#E3E3E3

Channel breakdown

R223

G231

B229

Red223 (87.5%)

Green231 (90.6%)

Blue229 (89.8%)

Hue165°

Saturation (HSL)14.29%

Lightness89.02%

Dominant channelGreen

Hex per channelR DF · G E7 · B E5

Keep nerding

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

#DFE7E5

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