#E2CDED

#E2CDED

Color Values

HEX

#E2CDED

RGB

226, 205, 237

HSL

279.4, 47.1%, 86.7%

HSV

279.4, 13.5%, 92.9%

CMYK

4.6%, 13.5%, 0.0%, 7.1%

OKLCH

0.8754 0.0489 314.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E2CDED

#D8EDCD

Analogous

#D2CDED

#EDCDE8

#E2CDED

Triadic

#E2CDED

#EDE2CD

#CDEDE2

Split Complementary

#E2CDED

#E8EDCD

#CDEDD2

Tetradic

#E2CDED

#EDD2CD

#D8EDCD

#CDE8ED

Color Blindness Simulation

Original

#E2CDED

Protanopia

#D9D9E5

Deuteranopia

#DADCE3

Tritanopia

#E1DFDE

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E1CAEC
300
#CBA5DF
400
#AF74CD
500
#9243BC
600
#753696
700
#5E2B78
800
#49225E
900
#371C45
950
#23122C

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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