HEX Color #E9DBFF (Lavender)

About #E9DBFF

Visually, #E9DBFF is defined as a vivid neutral. It is closely associated with the named CSS color Lavender. To achieve this exact tint on a monitor, you would use an RGB mix of 233, 219, and 255.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 9% cyan and 14% magenta inks. The HSL representation is 263.3° hue, 100.0% saturation, and 92.9% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#E9DBFF

RGB233, 219, 255

HSL263.3°, 100.0%, 92.9%

CMYK9%, 14%, 0%, 0%

HSV263.3°, 14.1%, 100.0%

LAB89.5, 11.4, -15.8

XYZ77.0, 75.2, 105.1

Decimal15326207

Color Harmonies

Complementary

#E9DBFF #F0FEDB

Analogous

#DBDEFE #FADBFE

Triadic

#FEE9DB #DBFEE9

Tetradic

#FEDBDE #F0FEDB #DBFEFB

Tints, Shades & Tones

Tints (Adding White)

#E9DBFF

#EBDFFF

#EDE3FF

#F0E7FF

#F2EBFF

#F5EFFF

#F7F3FF

#FAF7FF

#FCFBFF

#FFFFFF

Shades (Adding Black)

#E9DBFF

#CFC2E2

#B5AAC6

#9B92AA

#81798D

#676171

#4D4955

#333038

#19181C

#000000

WCAG Contrast Accessibility

1.31:1

Text on #FFFFFF

FAIL

16.04:1

Text on #000000

AAA

1.25:1

Text on #F8FAFC

FAIL

13.64:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E9DBFF; }

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

Similar Colors

Lavender

#E6E6FA