#ED308E

#ED308E

Color Values

HEX

#ED308E

RGB

237, 48, 142

HSL

330.2, 84.0%, 55.9%

HSV

330.2, 79.7%, 92.9%

CMYK

0.0%, 79.7%, 40.1%, 7.1%

OKLCH

0.635 0.2319 356.4

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#ED308E

#30ED8F

Analogous

#ED30EC

#ED3130

#ED308E

Triadic

#ED308E

#8EED30

#308EED

Split Complementary

#ED308E

#30ED31

#30ECED

Tetradic

#ED308E

#ECED30

#30ED8F

#3130ED

Color Blindness Simulation

Original

#ED308E

Protanopia

#9B9A77

Deuteranopia

#A6B472

Tritanopia

#E46561

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#F9BDDB
300
#F58EC1
400
#F051A0
500
#EB147F
600
#BC1065
700
#960D51
800
#750A3F
900
#550C30
950
#36071E

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026