#EDC2C7

#EDC2C7

Color Values

HEX

#EDC2C7

RGB

237, 194, 199

HSL

353,0, 54,4%, 84,5%

HSV

353,0, 18,1%, 92,9%

CMYK

0,0%, 18,1%, 16,0%, 7,1%

OKLCH

0,8529 0,0495 10,3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#EDC2C7

#C2EDE8

Analogous

#EDC2DC

#EDD2C2

#EDC2C7

Triadic

#EDC2C7

#C7EDC2

#C2C7ED

Split Complementary

#EDC2C7

#C2EDD2

#C2DCED

Tetradic

#EDC2C7

#DCEDC2

#C2EDE8

#D2C2ED

Color Blindness Simulation

Original

#EDC2C7

Protanopia

#DADAC6

Deuteranopia

#DDE0C5

Tritanopia

#EBC5C5

Achromatopsia

#CCCCCC

CSS Usage

background-color: #EDC2C7;
color: #EDC2C7;
border-color: #EDC2C7;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EFC8CC
300
#E3A1A8
400
#D46D79
500
#C53A4A
600
#9D2F3B
700
#7E2530
800
#621D25
900
#48191E
950
#2E1013

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,14:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026