#E74F96

#E74F96

Color Values

HEX

#E74F96

RGB

231, 79, 150

HSL

332.0, 76.0%, 60.8%

HSV

332.0, 65.8%, 90.6%

CMYK

0.0%, 65.8%, 35.1%, 9.4%

OKLCH

0.6542 0.1979 355.2

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#E74F96

#4FE7A0

Analogous

#E74FE2

#E7544F

#E74F96

Triadic

#E74F96

#96E74F

#4F96E7

Split Complementary

#E74F96

#4FE754

#4FE2E7

Tetradic

#E74F96

#E2E74F

#4FE7A0

#544FE7

Color Blindness Simulation

Original

#E74F96

Protanopia

#A5A485

Deuteranopia

#AEB981

Tritanopia

#DF7774

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F6C0D9
300
#F093BF
400
#E8599C
500
#E01F79
600
#B41861
700
#90144D
800
#700F3D
900
#520F2E
950
#340A1D

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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