#EC1211

#EC1211

Color Values

HEX

#EC1211

RGB

236, 18, 17

HSL

0.3, 86.6%, 49.6%

HSV

0.3, 92.8%, 92.5%

CMYK

0.0%, 92.4%, 92.8%, 7.5%

OKLCH

0.5966 0.2386 28.8

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#EC1211

#11EBEC

Analogous

#EC117D

#EC8011

#EC1211

Triadic

#EC1211

#11EC12

#1211EC

Split Complementary

#EC1211

#11EC80

#117DEC

Tetradic

#EC1211

#7DEC11

#11EBEC

#8011EC

Color Blindness Simulation

Original

#EC1211

Protanopia

#8E8C11

Deuteranopia

#9AAB11

Tritanopia

#E11111

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBC
300
#F78D8D
400
#F2504F
500
#EE1211
600
#BE0F0E
700
#980C0B
800
#770909
900
#560B0B
950
#360707

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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