#E61997

#E61997

Color Values

HEX

#E61997

RGB

230, 25, 151

HSL

323.1, 80.4%, 50.0%

HSV

323.1, 89.1%, 90.2%

CMYK

0.0%, 89.1%, 34.3%, 9.8%

OKLCH

0.6152 0.2461 350.8

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#E61997

#19E668

Analogous

#CE19E6

#E61931

#E61997

Triadic

#E61997

#97E619

#1997E6

Split Complementary

#E61997

#31E619

#19E6CE

Tetradic

#E61997

#E6CE19

#19E668

#1931E6

Color Blindness Simulation

Original

#E61997

Protanopia

#8D8B79

Deuteranopia

#99A871

Tritanopia

#DC605B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#F9E1F0
200
#F8BFE2
300
#F391CD
400
#ED55B2
500
#E61997
600
#B81479
700
#931061
800
#730C4C
900
#540D39
950
#350824

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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