#EC2813

#EC2813

Color Values

HEX

#EC2813

RGB

236, 40, 19

HSL

5.8, 85.1%, 50.0%

HSV

5.8, 91.9%, 92.5%

CMYK

0.0%, 83.1%, 91.9%, 7.5%

OKLCH

0.6061 0.2297 30.4

Properties

Warm Light Nearest: RAL 2009 Traffic Orange

Color Harmonies

Complementary

#EC2813

#13D7EC

Analogous

#EC136B

#EC9413

#EC2813

Triadic

#EC2813

#13EC28

#2813EC

Split Complementary

#EC2813

#13EC94

#136BEC

Tetradic

#EC2813

#6BEC13

#13D7EC

#9413EC

Color Blindness Simulation

Original

#EC2813

Protanopia

#979518

Deuteranopia

#A2B119

Tritanopia

#E21C1D

Achromatopsia

#505050

CSS Usage

background-color: #EC2813;
color: #EC2813;
border-color: #EC2813;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#FAC3BD
300
#F6988E
400
#F16050
500
#EC2813
600
#BD200F
700
#971A0C
800
#761409
900
#56130B
950
#360C07

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026