#EC4D3E

#EC4D3E

Color Values

HEX

#EC4D3E

RGB

236, 77, 62

HSL

5.2, 82.1%, 58.4%

HSV

5.2, 73.7%, 92.5%

CMYK

0.0%, 67.4%, 73.7%, 7.5%

OKLCH

0.6401 0.1978 29.1

Properties

Warm Light Nearest: RAL 2012 Salmon Orange

Color Harmonies

Complementary

#EC4D3E

#3EDDEC

Analogous

#EC3E86

#ECA43E

#EC4D3E

Triadic

#EC4D3E

#3EEC4D

#4D3EEC

Split Complementary

#EC4D3E

#3EECA4

#3E86EC

Tetradic

#EC4D3E

#86EC3E

#3EDDEC

#A43EEC

Color Blindness Simulation

Original

#EC4D3E

Protanopia

#A7A642

Deuteranopia

#B0BC42

Tritanopia

#E44445

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C3BE
300
#F49890
400
#EE6153
500
#E82917
600
#BA2112
700
#951A0F
800
#74140B
900
#54130D
950
#350C08

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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