Colour

#E4E8FA

#E4E8FA
Blue
Light
Nearest: Lavender

#E4E8FA is a blue with RGB values 228, 232, 250 and HSL 229°, 69%, 94%. It is a light colour, so black text on it reaches 17.2:1 contrast (AAA for normal text). The nearest named colour is Lavender.

Colour values

#E4E8FA#E4E8FA

HEX#E4E8FA

RGBrgb(228, 232, 250)

RGB (0–1)0.8941, 0.9098, 0.9804

RGB percentages89.4%, 91%, 98%

HSLhsl(229.1, 68.7%, 93.7%)

HSV / HSBhsv(229.1, 8.8%, 98%)

CMYK8.8%, 7.2%, 0%, 2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,001,850

CSS custom property--colour: #E4E8FA;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.22:1

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

Contrast with black17.22:1WCAG normal text: AAA

Greyscale equivalent#E8E8E8

Inverted#1B1705

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text17.22:1WCAG large text: AAA

Named colours

Lavender · ΔE 1.8 Alice blue · ΔE 7.8 Ghost white · ΔE 8.1 Lavender blush · ΔE 10.2 White smoke · ΔE 10.3 Gainsboro · ΔE 10.4

Nearest named CSS colourLavender (#E6E6FA)ΔE 1.79, below the just-noticeable difference

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FAF6E4

Analogous#E4F3FA, #EBE4FA

Triadic#FAE4E8, #E8FAE4

Split complementary#FAEBE4, #F3FAE4

Tetradic#FAE4F3, #FAF6E4, #E4FAEB

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%#B9C3F2

Darker −20%#8E9FEA

Darker −30%#637AE2

Darker −40%#3855DA

More saturated +25%#E0E5FE

Less saturated −25%#E8EBF6

Channel breakdown

R228

G232

B250

Red228 (89.4%)

Green232 (91%)

Blue250 (98%)

Hue229.09°

Saturation (HSL)68.75%

Lightness93.73%

Dominant channelBlue

Hex per channelR E4 · G E8 · B FA

Keep nerding

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

#E4E8FA

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