Recognised as Colour

#E1E4E7

#E1E4E7
Blue
Light
Nearest: Gainsboro

#E1E4E7 is a blue with RGB values 225, 228, 231 and HSL 210°, 11%, 89%. It is a light colour, so black text on it reaches 16.5:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#E1E4E7#E1E4E7

HEX#E1E4E7

RGBrgb(225, 228, 231)

RGB (0–1)0.8824, 0.8941, 0.9059

RGB percentages88.2%, 89.4%, 90.6%

HSLhsl(210, 11.1%, 89.4%)

HSV / HSBhsv(210, 2.6%, 90.6%)

CMYK2.6%, 1.3%, 0%, 9.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,804,199

CSS custom property--colour: #E1E4E7;

Brightness & contrast

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

Perceived brightness227.5 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.45:1

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

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

Greyscale equivalent#E4E4E4

Inverted#1E1B18

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Gainsboro · ΔE 3.3 Light grey · ΔE 6.2 White smoke · ΔE 6.4 Alice blue · ΔE 7.2 Ghost white · ΔE 7.7 Lavender blush · ΔE 8.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E7E4E1

Analogous#E1E7E7, #E1E1E7

Triadic#E7E1E4, #E4E7E1

Split complementary#E7E1E1, #E7E7E1

Tetradic#E7E1E7, #E7E4E1, #E1E7E1

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FDFDFE

Darker −10%#C5CBD0

Darker −20%#A8B1BA

Darker −30%#8C98A3

Darker −40%#707E8C

More saturated +25%#DAE4EE

Less saturated −25%#E4E4E4

Channel breakdown

R225

G228

B231

Red225 (88.2%)

Green228 (89.4%)

Blue231 (90.6%)

Hue210°

Saturation (HSL)11.11%

Lightness89.41%

Dominant channelBlue

Hex per channelR E1 · G E4 · B E7

Keep nerding

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

#E1E4E7

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