#E23331

#E23331

Color Values

HEX

#E23331

RGB

226, 51, 49

HSL

0.7, 75.3%, 53.9%

HSV

0.7, 78.3%, 88.6%

CMYK

0.0%, 77.4%, 78.3%, 11.4%

OKLCH

0.5978 0.2111 26.9

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#E23331

#31E0E2

Analogous

#E23187

#E28C31

#E23331

Triadic

#E23331

#31E233

#3331E2

Split Complementary

#E23331

#31E28C

#3187E2

Tetradic

#E23331

#87E231

#31E0E2

#8C31E2

Color Blindness Simulation

Original

#E23331

Protanopia

#969531

Deuteranopia

#A0AE32

Tritanopia

#D93232

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E2E2
200
#F6C1C0
300
#F09594
400
#E85B5A
500
#E0221F
600
#B31B19
700
#8F1614
800
#701110
900
#511010
950
#330A0A

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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