#ED448A

#ED448A

Color Values

HEX

#ED448A

RGB

237, 68, 138

HSL

335.1, 82.4%, 59.8%

HSV

335.1, 71.3%, 92.9%

CMYK

0.0%, 71.3%, 41.8%, 7.1%

OKLCH

0.6489 0.2115 359.8

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#ED448A

#44EDA7

Analogous

#ED44DF

#ED5244

#ED448A

Triadic

#ED448A

#8AED44

#448AED

Split Complementary

#ED448A

#44ED52

#44DFED

Tetradic

#ED448A

#DFED44

#44EDA7

#5244ED

Color Blindness Simulation

Original

#ED448A

Protanopia

#A4A279

Deuteranopia

#AEBA75

Tritanopia

#E56C69

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F48FB9
400
#EE5393
500
#E9166E
600
#BA1258
700
#950E46
800
#740B37
900
#540D2A
950
#35081B

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026