#E4CCED

#E4CCED

Color Values

HEX

#E4CCED

RGB

228, 204, 237

HSL

283.6, 47.8%, 86.5%

HSV

283.6, 13.9%, 92.9%

CMYK

3.8%, 13.9%, 0.0%, 7.1%

OKLCH

0.8752 0.0516 316.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E4CCED

#D5EDCC

Analogous

#D4CCED

#EDCCE6

#E4CCED

Triadic

#E4CCED

#EDE4CC

#CCEDE4

Split Complementary

#E4CCED

#E6EDCC

#CCEDD4

Tetradic

#E4CCED

#EDD4CC

#D5EDCC

#CCE6ED

Color Blindness Simulation

Original

#E4CCED

Protanopia

#DAD9E5

Deuteranopia

#DBDDE3

Tritanopia

#E3DFDD

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F9F4FA
100
#F0E6F4
200
#E3CAEC
300
#CFA5DF
400
#B574CE
500
#9B43BC
600
#7C3597
700
#632B79
800
#4E215E
900
#3A1C45
950
#25112C

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.16: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