#E2CCFF

#E2CCFF

Color Values

HEX

#E2CCFF

RGB

226, 204, 255

HSL

265.9, 100.0%, 90.0%

HSV

265.9, 20.0%, 100.0%

CMYK

11.4%, 20.0%, 0.0%, 0.0%

OKLCH

0.8797 0.073 304.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E2CCFF

#E9FFCC

Analogous

#CCCFFF

#FCCCFF

#E2CCFF

Triadic

#E2CCFF

#FFE2CC

#CCFFE2

Split Complementary

#E2CCFF

#FFFCCC

#CFFFCC

Tetradic

#E2CCFF

#FFCCCF

#E9FFCC

#CCFFFC

Color Blindness Simulation

Original

#E2CCFF

Protanopia

#D8D8F3

Deuteranopia

#DADBF0

Tritanopia

#E1E9E7

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D6B8FF
300
#B985FF
400
#9442FF
500
#6E00FF
600
#5800CC
700
#4600A3
800
#370080
900
#2A055C
950
#1B033A

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.31:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026