#E05756

#E05756

Color Values

HEX

#E05756

RGB

224, 87, 86

HSL

0.4, 69.0%, 60.8%

HSV

0.4, 61.6%, 87.8%

CMYK

0.0%, 61.2%, 61.6%, 12.2%

OKLCH

0.6362 0.1718 23.7

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#E05756

#56DFE0

Analogous

#E0569A

#E09C56

#E05756

Triadic

#E05756

#56E057

#5756E0

Split Complementary

#E05756

#56E09C

#569AE0

Tetradic

#E05756

#9AE056

#56DFE0

#9C56E0

Color Blindness Simulation

Original

#E05756

Protanopia

#A5A356

Deuteranopia

#ADB756

Tritanopia

#D95656

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C3
300
#EC9898
400
#E26060
500
#D72928
600
#AC2120
700
#8A1A19
800
#6C1414
900
#4F1312
950
#320C0C

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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