#E02F30

#E02F30

Color Values

HEX

#E02F30

RGB

224, 47, 48

HSL

359.7, 74.1%, 53.1%

HSV

359.7, 79.0%, 87.8%

CMYK

0.0%, 79.0%, 78.6%, 12.2%

OKLCH

0.5912 0.2121 26.5

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#E02F30

#2FE0DF

Analogous

#E02F88

#E0872F

#E02F30

Triadic

#E02F30

#30E02F

#2F30E0

Split Complementary

#E02F30

#2FE087

#2F88E0

Tetradic

#E02F30

#88E02F

#2FE0DF

#872FE0

Color Blindness Simulation

Original

#E02F30

Protanopia

#939230

Deuteranopia

#9EAB30

Tritanopia

#D73030

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F6C1C1
300
#EF9495
400
#E75B5B
500
#DE2122
600
#B21A1B
700
#8E1516
800
#6F1111
900
#511010
950
#330A0A

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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