Colour

#E5E4E9

#E5E4E9
Blue
Light
Nearest: Gainsboro

#E5E4E9 is a blue with RGB values 229, 228, 233 and HSL 252°, 10%, 90%. It is a light colour, so black text on it reaches 16.6:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#E5E4E9#E5E4E9

HEX#E5E4E9

RGBrgb(229, 228, 233)

RGB (0–1)0.898, 0.8941, 0.9137

RGB percentages89.8%, 89.4%, 91.4%

HSLhsl(252, 10.2%, 90.4%)

HSV / HSBhsv(252, 2.1%, 91.4%)

CMYK1.7%, 2.1%, 0%, 8.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,066,345

CSS custom property--colour: #E5E4E9;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.61:1

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

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

Greyscale equivalent#E5E5E5

Inverted#1A1B16

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#E4E5E6no blue cones; rare, and affects men and women equally; ΔE 2.2 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.61:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 4 White smoke · ΔE 6.3 Light grey · ΔE 6.8 Ghost white · ΔE 7 Alice blue · ΔE 7.2 Lavender blush · ΔE 7.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E8E9E4

Analogous#E4E6E9, #E8E4E9

Triadic#E9E5E4, #E4E9E5

Split complementary#E9E8E4, #E6E9E4

Tetradic#E9E4E6, #E8E9E4, #E4E9E8

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FFFFFF

Darker −10%#CAC8D2

Darker −20%#AFACBB

Darker −30%#9490A4

Darker −40%#79748D

More saturated +25%#E1DEEF

Less saturated −25%#E7E7E7

Channel breakdown

R229

G228

B233

Red229 (89.8%)

Green228 (89.4%)

Blue233 (91.4%)

Hue252°

Saturation (HSL)10.2%

Lightness90.39%

Dominant channelBlue

Hex per channelR E5 · G E4 · B E9

Keep nerding

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

#E5E4E9

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