#E6D6FF

#E6D6FF

Color Values

HEX

#E6D6FF

RGB

230, 214, 255

HSL

263.4, 100.0%, 92.0%

HSV

263.4, 16.1%, 100.0%

CMYK

9.8%, 16.1%, 0.0%, 0.0%

OKLCH

0.9018 0.0579 303.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E6D6FF

#EFFFD6

Analogous

#D6DBFF

#FBD6FF

#E6D6FF

Triadic

#E6D6FF

#FFE6D6

#D6FFE6

Split Complementary

#E6D6FF

#FFFBD6

#DBFFD6

Tetradic

#E6D6FF

#FFD6DB

#EFFFD6

#D6FFFB

Color Blindness Simulation

Original

#E6D6FF

Protanopia

#DFDFF5

Deuteranopia

#E0E1F3

Tritanopia

#E5EDEC

Achromatopsia

#DCDCDC

CSS Usage

background-color: #E6D6FF;
color: #E6D6FF;
border-color: #E6D6FF;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D3B8FF
300
#B485FF
400
#8C42FF
500
#6300FF
600
#5000CC
700
#4000A3
800
#320080
900
#27055C
950
#19033A

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026