#EDCBF4

#EDCBF4

Color Values

HEX

#EDCBF4

RGB

237, 203, 244

HSL

289.8, 65.1%, 87.6%

HSV

289.8, 16.8%, 95.7%

CMYK

2.9%, 16.8%, 0.0%, 4.3%

OKLCH

0.8834 0.0663 320.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EDCBF4

#D2F4CB

Analogous

#D8CBF4

#F4CBE6

#EDCBF4

Triadic

#EDCBF4

#F4EDCB

#CBF4ED

Split Complementary

#EDCBF4

#E6F4CB

#CBF4D8

Tetradic

#EDCBF4

#F4D8CB

#D2F4CB

#CBE6F4

Color Blindness Simulation

Original

#EDCBF4

Protanopia

#DEDEEA

Deuteranopia

#E0E3E8

Tritanopia

#EBE2E1

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E3F7
200
#EBC4F3
300
#DC9AEA
400
#C963DE
500
#B62CD3
600
#9224A8
700
#751C87
800
#5B1669
900
#43144D
950
#2A0D31

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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