#E31CAC

#E31CAC

Color Values

HEX

#E31CAC

RGB

227, 28, 172

HSL

316.6, 78.0%, 50.0%

HSV

316.6, 87.7%, 89.0%

CMYK

0.0%, 87.7%, 24.2%, 11.0%

OKLCH

0.6201 0.2534 343.4

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#E31CAC

#1CE353

Analogous

#B71CE3

#E31C48

#E31CAC

Triadic

#E31CAC

#ACE31C

#1CACE3

Split Complementary

#E31CAC

#48E31C

#1CE3B7

Tetradic

#E31CAC

#E3B71C

#1CE353

#1C48E3

Color Blindness Simulation

Original

#E31CAC

Protanopia

#8D8B89

Deuteranopia

#98A781

Tritanopia

#D96E68

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF2FA
100
#F9E1F2
200
#F7BFE8
300
#F292D7
400
#EA57C2
500
#E31CAC
600
#B6168A
700
#91126E
800
#710E56
900
#520E40
950
#340928

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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