#EDD4EC

#EDD4EC

Color Values

HEX

#EDD4EC

RGB

237, 212, 236

HSL

302.4, 41.0%, 88.0%

HSV

302.4, 10.5%, 92.9%

CMYK

0.0%, 10.5%, 0.4%, 7.1%

OKLCH

0.8976 0.0421 327.1

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#EDD4EC

#D4EDD5

Analogous

#E1D4ED

#EDD4DF

#EDD4EC

Triadic

#EDD4EC

#ECEDD4

#D4ECED

Split Complementary

#EDD4EC

#DFEDD4

#D4EDE1

Tetradic

#EDD4EC

#EDE1D4

#D4EDD5

#D4DFED

Color Blindness Simulation

Original

#EDD4EC

Protanopia

#E2E2E6

Deuteranopia

#E4E5E5

Tritanopia

#ECE2E1

Achromatopsia

#DBDBDB

CSS Usage

background-color: #EDD4EC;
color: #EDD4EC;
border-color: #EDD4EC;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DBA9D9
400
#C77AC4
500
#B44BB0
600
#903C8C
700
#733070
800
#5A2658
900
#421F41
950
#2A1329

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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