#E62523

#E62523

Color Values

HEX

#E62523

RGB

230, 37, 35

HSL

0.6, 79.6%, 52.0%

HSV

0.6, 84.8%, 90.2%

CMYK

0.0%, 83.9%, 84.8%, 9.8%

OKLCH

0.5945 0.2247 27.9

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#E62523

#23E4E6

Analogous

#E62383

#E68723

#E62523

Triadic

#E62523

#23E625

#2523E6

Split Complementary

#E62523

#23E687

#2383E6

Tetradic

#E62523

#83E623

#23E4E6

#8723E6

Color Blindness Simulation

Original

#E62523

Protanopia

#929123

Deuteranopia

#9EAC24

Tritanopia

#DC2424

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E1E1
200
#F8BFBF
300
#F39291
400
#EC5756
500
#E51C1A
600
#B71615
700
#931211
800
#720E0D
900
#530E0E
950
#350909

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026