#E54595

#E54595

Color Values

HEX

#E54595

RGB

229, 69, 149

HSL

330.0, 75.5%, 58.4%

HSV

330.0, 69.9%, 89.8%

CMYK

0.0%, 69.9%, 34.9%, 10.2%

OKLCH

0.6409 0.208 354.0

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#E54595

#45E595

Analogous

#E545E5

#E54545

#E54595

Triadic

#E54595

#95E545

#4595E5

Split Complementary

#E54595

#45E545

#45E5E5

Tetradic

#E54595

#E5E545

#45E595

#4545E5

Color Blindness Simulation

Original

#E54595

Protanopia

#A09E82

Deuteranopia

#A9B57D

Tritanopia

#DD726F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2ED
200
#F6C0DB
300
#F094C2
400
#E859A1
500
#E01F80
600
#B31966
700
#8F1452
800
#701040
900
#511030
950
#330A1F

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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