#EC4845

#EC4845

Color Values

HEX

#EC4845

RGB

236, 72, 69

HSL

1.1, 81.5%, 59.8%

HSV

1.1, 70.8%, 92.5%

CMYK

0.0%, 69.5%, 70.8%, 7.5%

OKLCH

0.6359 0.2013 25.8

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EC4845

#45E9EC

Analogous

#EC4595

#EC9C45

#EC4845

Triadic

#EC4845

#45EC48

#4845EC

Split Complementary

#EC4845

#45EC9C

#4595EC

Tetradic

#EC4845

#95EC45

#45E9EC

#9C45EC

Color Blindness Simulation

Original

#EC4845

Protanopia

#A5A446

Deuteranopia

#AEBB46

Tritanopia

#E44646

Achromatopsia

#6B6B6B

CSS Usage

background-color: #EC4845;
color: #EC4845;
border-color: #EC4845;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F8BFBE
300
#F49290
400
#EE5754
500
#E71B18
600
#B91613
700
#94120F
800
#740E0C
900
#540E0D
950
#350908

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026