#EC5F56

#EC5F56

Color Values

HEX

#EC5F56

RGB

236, 95, 86

HSL

3.6, 79.8%, 63.1%

HSV

3.6, 63.6%, 92.5%

CMYK

0.0%, 59.7%, 63.6%, 7.5%

OKLCH

0.6645 0.1764 26.6

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#EC5F56

#56E3EC

Analogous

#EC5698

#ECAA56

#EC5F56

Triadic

#EC5F56

#56EC5F

#5F56EC

Split Complementary

#EC5F56

#56ECAA

#5698EC

Tetradic

#EC5F56

#98EC56

#56E3EC

#AA56EC

Color Blindness Simulation

Original

#EC5F56

Protanopia

#AFAE58

Deuteranopia

#B7C259

Tritanopia

#E55A5A

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E2E1
200
#F8C2BF
300
#F39791
400
#EC5E55
500
#E5261A
600
#B71E15
700
#931810
800
#73130D
900
#53120E
950
#350B09

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026