#EDD2D9

#EDD2D9

Color Values

HEX

#EDD2D9

RGB

237, 210, 217

HSL

344.4, 42.9%, 87.6%

HSV

344.4, 11.4%, 92.9%

CMYK

0.0%, 11.4%, 8.4%, 7.1%

OKLCH

0.8881 0.0314 0.2

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#EDD2D9

#D2EDE6

Analogous

#EDD2E6

#EDD8D2

#EDD2D9

Triadic

#EDD2D9

#D9EDD2

#D2D9ED

Split Complementary

#EDD2D9

#D2EDD8

#D2E6ED

Tetradic

#EDD2D9

#E6EDD2

#D2EDE6

#D8D2ED

Color Blindness Simulation

Original

#EDD2D9

Protanopia

#E1E1D7

Deuteranopia

#E3E5D7

Tritanopia

#ECD6D6

Achromatopsia

#D8D8D8

CSS Usage

background-color: #EDD2D9;
color: #EDD2D9;
border-color: #EDD2D9;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FAF5F6
100
#F4E7EA
200
#EBCCD4
300
#DCA8B5
400
#C9788D
500
#B64965
600
#923A51
700
#752F41
800
#5B2433
900
#431E27
950
#2A1319

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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