#EDCEF1

#EDCEF1

Color Values

HEX

#EDCEF1

RGB

237, 206, 241

HSL

293.1, 55.6%, 87.6%

HSV

293.1, 14.5%, 94.5%

CMYK

1.7%, 14.5%, 0.0%, 5.5%

OKLCH

0.888 0.0578 322.4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EDCEF1

#D2F1CE

Analogous

#DBCEF1

#F1CEE3

#EDCEF1

Triadic

#EDCEF1

#F1EDCE

#CEF1ED

Split Complementary

#EDCEF1

#E3F1CE

#CEF1DB

Tetradic

#EDCEF1

#F1DBCE

#D2F1CE

#CEE3F1

Color Blindness Simulation

Original

#EDCEF1

Protanopia

#E0DFE9

Deuteranopia

#E1E4E6

Tritanopia

#EBE2E0

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#EBC7EF
300
#DCA0E4
400
#C96CD5
500
#B639C6
600
#922D9F
700
#75247F
800
#5B1C63
900
#431849
950
#2A0F2E

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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