#E45559

#E45559

Color Values

HEX

#E45559

RGB

228, 85, 89

HSL

358.3, 72.6%, 61.4%

HSV

358.3, 62.7%, 89.4%

CMYK

0.0%, 62.7%, 61.0%, 10.6%

OKLCH

0.6405 0.1779 22.0

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#E45559

#55E4E0

Analogous

#E455A1

#E49955

#E45559

Triadic

#E45559

#59E455

#5559E4

Split Complementary

#E45559

#55E499

#55A1E4

Tetradic

#E45559

#A1E455

#55E4E0

#9955E4

Color Blindness Simulation

Original

#E45559

Protanopia

#A6A558

Deuteranopia

#AEB958

Tritanopia

#DD5757

Achromatopsia

#747474

CSS Usage

background-color: #E45559;
color: #E45559;
border-color: #E45559;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C1C3
300
#EE9598
400
#E55C60
500
#DC2328
600
#B01C20
700
#8D161A
800
#6E1114
900
#501113
950
#330B0C

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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