#EDCFF4

#EDCFF4

Color Values

HEX

#EDCFF4

RGB

237, 207, 244

HSL

288.6, 62.7%, 88.4%

HSV

288.6, 15.2%, 95.7%

CMYK

2.9%, 15.2%, 0.0%, 4.3%

OKLCH

0.8908 0.0593 319.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EDCFF4

#D6F4CF

Analogous

#DACFF4

#F4CFE8

#EDCFF4

Triadic

#EDCFF4

#F4EDCF

#CFF4ED

Split Complementary

#EDCFF4

#E8F4CF

#CFF4DA

Tetradic

#EDCFF4

#F4DACF

#D6F4CF

#CFE8F4

Color Blindness Simulation

Original

#EDCFF4

Protanopia

#E0E0EB

Deuteranopia

#E2E4E9

Tritanopia

#EBE4E2

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FAF3FB
100
#F3E4F7
200
#E9C5F2
300
#DA9BE8
400
#C565DC
500
#B130CF
600
#8E26A6
700
#711E85
800
#591868
900
#41154C
950
#290D30

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026