#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026