#EDCCF1

#EDCCF1

Color Values

HEX

#EDCCF1

RGB

237, 204, 241

HSL

293.5, 56.9%, 87.3%

HSV

293.5, 15.4%, 94.5%

CMYK

1.7%, 15.4%, 0.0%, 5.5%

OKLCH

0.8843 0.0613 322.6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EDCCF1

#D0F1CC

Analogous

#DBCCF1

#F1CCE3

#EDCCF1

Triadic

#EDCCF1

#F1EDCC

#CCF1ED

Split Complementary

#EDCCF1

#E3F1CC

#CCF1DB

Tetradic

#EDCCF1

#F1DBCC

#D0F1CC

#CCE3F1

Color Blindness Simulation

Original

#EDCCF1

Protanopia

#DFDEE8

Deuteranopia

#E1E3E6

Tritanopia

#EBE1DF

Achromatopsia

#D6D6D6

CSS Usage

background-color: #EDCCF1;
color: #EDCCF1;
border-color: #EDCCF1;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#EBC7F0
300
#DD9FE5
400
#CB6BD6
500
#B837C8
600
#932CA0
700
#762380
800
#5C1B64
900
#441849
950
#2B0F2E

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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