#E04541

#E04541

Color Values

HEX

#E04541

RGB

224, 69, 65

HSL

1.5, 71.9%, 56.7%

HSV

1.5, 71.0%, 87.8%

CMYK

0.0%, 69.2%, 71.0%, 12.2%

OKLCH

0.6125 0.1925 26.1

Properties

Warm Light Nearest: brown 3

Color Harmonies

Complementary

#E04541

#41DCE0

Analogous

#E0418D

#E09541

#E04541

Triadic

#E04541

#41E045

#4541E0

Split Complementary

#E04541

#41E095

#418DE0

Tetradic

#E04541

#8DE041

#41DCE0

#9541E0

Color Blindness Simulation

Original

#E04541

Protanopia

#9D9C42

Deuteranopia

#A6B142

Tritanopia

#D84343

Achromatopsia

#666666

CSS Usage

background-color: #E04541;
color: #E04541;
border-color: #E04541;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C3C2
300
#EE9896
400
#E4605D
500
#DB2824
600
#AF201D
700
#8C1A17
800
#6E1412
900
#501311
950
#320C0B

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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