#E04895

#E04895

Color Values

HEX

#E04895

RGB

224, 72, 149

HSL

329.6, 71.0%, 58.0%

HSV

329.6, 67.9%, 87.8%

CMYK

0.0%, 67.9%, 33.5%, 12.2%

OKLCH

0.636 0.2004 353.2

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#E04895

#48E093

Analogous

#DF48E0

#E04849

#E04895

Triadic

#E04895

#95E048

#4895E0

Split Complementary

#E04895

#49E048

#48E0DF

Tetradic

#E04895

#E0DF48

#48E093

#4849E0

Color Blindness Simulation

Original

#E04895

Protanopia

#9E9D82

Deuteranopia

#A7B27E

Tritanopia

#D87470

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F5C2DC
300
#ED96C2
400
#E45EA2
500
#DA2581
600
#AE1E67
700
#8C1852
800
#6D1240
900
#4F1131
950
#320B1F

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026