#EDC4F3

#EDC4F3

Color Values

HEX

#EDC4F3

RGB

237, 196, 243

HSL

292.3, 66.2%, 86.1%

HSV

292.3, 19.3%, 95.3%

CMYK

2.5%, 19.3%, 0.0%, 4.7%

OKLCH

0.8703 0.0774 322.0

Properties

Cool Light Nearest: Orchid

Color Harmonies

Complementary

#EDC4F3

#CAF3C4

Analogous

#D6C4F3

#F3C4E2

#EDC4F3

Triadic

#EDC4F3

#F3EDC4

#C4F3ED

Split Complementary

#EDC4F3

#E2F3C4

#C4F3D6

Tetradic

#EDC4F3

#F3D6C4

#CAF3C4

#C4E2F3

Color Blindness Simulation

Original

#EDC4F3

Protanopia

#DBDBE8

Deuteranopia

#DEE1E5

Tritanopia

#EBDFDD

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EDC4F3
300
#E099EA
400
#CF62DF
500
#BE2BD4
600
#9822AA
700
#7A1C88
800
#5F166A
900
#46144D
950
#2C0C31

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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