#ED3F87

#ED3F87

Color Values

HEX

#ED3F87

RGB

237, 63, 135

HSL

335.2, 82.9%, 58.8%

HSV

335.2, 73.4%, 92.9%

CMYK

0.0%, 73.4%, 43.0%, 7.1%

OKLCH

0.6437 0.2157 0.4

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#ED3F87

#3FEDA5

Analogous

#ED3FDE

#ED4E3F

#ED3F87

Triadic

#ED3F87

#87ED3F

#3F87ED

Split Complementary

#ED3F87

#3FED4E

#3FDEED

Tetradic

#ED3F87

#DEED3F

#3FEDA5

#4E3FED

Color Blindness Simulation

Original

#ED3F87

Protanopia

#A2A076

Deuteranopia

#ACB971

Tritanopia

#E46865

Achromatopsia

#696969

CSS Usage

background-color: #ED3F87;
color: #ED3F87;
border-color: #ED3F87;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F58FB9
400
#EF5293
500
#E9166D
600
#BB1157
700
#950E46
800
#750B37
900
#550C2A
950
#35081B

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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