HEX Color #E7E2F1 (Lavender)

About #E7E2F1

The hex code #E7E2F1 represents a beautifully specific shade of neutral. It is closely associated with the named CSS color Lavender. Its digital footprint relies on 231 parts red, 226 parts green, and 241 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 4% cyan and 6% magenta inks. With a hue angle of 260.0 degrees, it sits comfortably in the neutral spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#E7E2F1

RGB231, 226, 241

HSL260.0°, 34.9%, 91.6%

CMYK4%, 6%, 0%, 5%

HSV260.0°, 6.2%, 94.5%

LAB90.7, 4.4, -6.7

XYZ76.0, 77.7, 94.2

Decimal15196913

Color Harmonies

Complementary

#E7E2F1 #EBF1E1

Analogous

#E1E4F1 #EEE1F1

Triadic

#F1E7E1 #E1F1E7

Tetradic

#F1E1E4 #EBF1E1 #E1F1EE

Tints, Shades & Tones

Tints (Adding White)

#E7E2F1

#E9E5F2

#ECE8F4

#EFEBF5

#F1EEF7

#F4F2F8

#F7F5FA

#F9F8FB

#FCFBFD

#FFFFFF

Shades (Adding Black)

#E7E2F1

#CDC8D6

#B3AFBB

#9A96A0

#807D85

#66646B

#4D4B50

#333235

#19191A

#000000

WCAG Contrast Accessibility

1.27:1

Text on #FFFFFF

FAIL

16.55:1

Text on #000000

AAA

1.21:1

Text on #F8FAFC

FAIL

14.07:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #E7E2F1; }

.text-color { color: #E7E2F1; }

.border-color { border: 2px solid #E7E2F1; }

Similar Colors

Lavender

#E6E6FA