#ED3C99

#ED3C99

Color Values

HEX

#ED3C99

RGB

237, 60, 153

HSL

328.5, 83.1%, 58.2%

HSV

328.5, 74.7%, 92.9%

CMYK

0.0%, 74.7%, 35.4%, 7.1%

OKLCH

0.6472 0.2255 353.4

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#ED3C99

#3CED90

Analogous

#E93CED

#ED3C40

#ED3C99

Triadic

#ED3C99

#99ED3C

#3C99ED

Split Complementary

#ED3C99

#40ED3C

#3CEDE9

Tetradic

#ED3C99

#EDE93C

#3CED90

#3C40ED

Color Blindness Simulation

Original

#ED3C99

Protanopia

#A09F83

Deuteranopia

#ABB87D

Tritanopia

#E4716D

Achromatopsia

#686868

CSS Usage

background-color: #ED3C99;
color: #ED3C99;
border-color: #ED3C99;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F8
100
#FAE1EE
200
#F9BEDD
300
#F58FC4
400
#EF52A5
500
#E91685
600
#BB116A
700
#950E55
800
#750B42
900
#550C32
950
#350820

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass AAA Fail

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