#E02F2D

#E02F2D

Color Values

HEX

#E02F2D

RGB

224, 47, 45

HSL

0.7, 74.3%, 52.7%

HSV

0.7, 79.9%, 87.8%

CMYK

0.0%, 79.0%, 79.9%, 12.2%

OKLCH

0.5909 0.2124 27.2

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#E02F2D

#2DDEE0

Analogous

#E02D84

#E0882D

#E02F2D

Triadic

#E02F2D

#2DE02F

#2F2DE0

Split Complementary

#E02F2D

#2DE088

#2D84E0

Tetradic

#E02F2D

#84E02D

#2DDEE0

#882DE0

Color Blindness Simulation

Original

#E02F2D

Protanopia

#93922D

Deuteranopia

#9EAB2E

Tritanopia

#D72E2E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F6C1C1
300
#EF9594
400
#E75C5B
500
#DE2321
600
#B21C1A
700
#8E1615
800
#6F1110
900
#511110
950
#330B0A

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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