#E31C97

#E31C97

Color Values

HEX

#E31C97

RGB

227, 28, 151

HSL

322.9, 78.0%, 50.0%

HSV

322.9, 87.7%, 89.0%

CMYK

0.0%, 87.7%, 33.5%, 11.0%

OKLCH

0.6112 0.2428 350.2

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#E31C97

#1CE368

Analogous

#CB1CE3

#E31C34

#E31C97

Triadic

#E31C97

#97E31C

#1C97E3

Split Complementary

#E31C97

#34E31C

#1CE3CB

Tetradic

#E31C97

#E3CB1C

#1CE368

#1C34E3

Color Blindness Simulation

Original

#E31C97

Protanopia

#8D8B79

Deuteranopia

#98A772

Tritanopia

#D9625D

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF2F9
100
#F9E1F0
200
#F7BFE2
300
#F292CD
400
#EA57B2
500
#E31C97
600
#B61679
700
#911261
800
#710E4C
900
#520E38
950
#340924

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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