#E2CFED

#E2CFED

Color Values

HEX

#E2CFED

RGB

226, 207, 237

HSL

278.0, 45.5%, 87.1%

HSV

278.0, 12.7%, 92.9%

CMYK

4.6%, 12.7%, 0.0%, 7.1%

OKLCH

0.8792 0.0455 313.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E2CFED

#DAEDCF

Analogous

#D3CFED

#EDCFE9

#E2CFED

Triadic

#E2CFED

#EDE2CF

#CFEDE2

Split Complementary

#E2CFED

#E9EDCF

#CFEDD3

Tetradic

#E2CFED

#EDD3CF

#DAEDCF

#CFE9ED

Color Blindness Simulation

Original

#E2CFED

Protanopia

#DADAE6

Deuteranopia

#DBDCE4

Tritanopia

#E1E0DF

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CBEC
300
#C9A6DE
400
#AC76CC
500
#8F45BA
600
#723894
700
#5C2C77
800
#47235D
900
#361D44
950
#22122B

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026