#EE2C2F

#EE2C2F

Color Values

HEX

#EE2C2F

RGB

238, 44, 47

HSL

359.1, 85.1%, 55.3%

HSV

359.1, 81.5%, 93.3%

CMYK

0.0%, 81.5%, 80.3%, 6.7%

OKLCH

0.614 0.2266 26.6

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#EE2C2F

#2CEEEB

Analogous

#EE2C90

#EE8A2C

#EE2C2F

Triadic

#EE2C2F

#2FEE2C

#2C2FEE

Split Complementary

#EE2C2F

#2CEE8A

#2C90EE

Tetradic

#EE2C2F

#90EE2C

#2CEEEB

#8A2CEE

Color Blindness Simulation

Original

#EE2C2F

Protanopia

#9A982E

Deuteranopia

#A5B42E

Tritanopia

#E42E2E

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABDBE
300
#F68E8F
400
#F15053
500
#EC1316
600
#BD0F12
700
#970C0E
800
#76090B
900
#560B0C
950
#360708

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026