#ED3671

#ED3671

Color Values

HEX

#ED3671

RGB

237, 54, 113

HSL

340.7, 83.6%, 57.1%

HSV

340.7, 77.2%, 92.9%

CMYK

0.0%, 77.2%, 52.3%, 7.1%

OKLCH

0.6305 0.2188 7.5

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#ED3671

#36EDB2

Analogous

#ED36CC

#ED5736

#ED3671

Triadic

#ED3671

#71ED36

#3671ED

Split Complementary

#ED3671

#36ED57

#36CCED

Tetradic

#ED3671

#CCED36

#36EDB2

#5736ED

Color Blindness Simulation

Original

#ED3671

Protanopia

#9E9C63

Deuteranopia

#A8B65F

Tritanopia

#E45755

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE0E9
200
#F9BDD1
300
#F58FB0
400
#F05285
500
#EA1559
600
#BB1148
700
#960D39
800
#750A2D
900
#550C23
950
#360816

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026