#E31C75

#E31C75

Color Values

HEX

#E31C75

RGB

227, 28, 117

HSL

333.2, 78.0%, 50.0%

HSV

333.2, 87.7%, 89.0%

CMYK

0.0%, 87.7%, 48.5%, 11.0%

OKLCH

0.5995 0.2301 2.1

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#E31C75

#1CE38A

Analogous

#E31CD8

#E3271C

#E31C75

Triadic

#E31C75

#75E31C

#1C75E3

Split Complementary

#E31C75

#1CE327

#1CD8E3

Tetradic

#E31C75

#D8E31C

#1CE38A

#271CE3

Color Blindness Simulation

Original

#E31C75

Protanopia

#8D8B5F

Deuteranopia

#98A75A

Tritanopia

#D94E4B

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7BFD8
300
#F292BD
400
#EA5799
500
#E31C75
600
#B6165E
700
#91124B
800
#710E3A
900
#520E2D
950
#34091C

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026