#E53C38

#E53C38

Color Values

HEX

#E53C38

RGB

229, 60, 56

HSL

1.4, 76.9%, 55.9%

HSV

1.4, 75.5%, 89.8%

CMYK

0.0%, 73.8%, 75.5%, 10.2%

OKLCH

0.6112 0.2063 26.8

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#E53C38

#38E1E5

Analogous

#E5388B

#E59338

#E53C38

Triadic

#E53C38

#38E53C

#3C38E5

Split Complementary

#E53C38

#38E593

#388BE5

Tetradic

#E53C38

#8BE538

#38E1E5

#9338E5

Color Blindness Simulation

Original

#E53C38

Protanopia

#9C9A39

Deuteranopia

#A6B239

Tritanopia

#DD3A3A

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E2E1
200
#F7C1C0
300
#F19593
400
#E95B58
500
#E2221D
600
#B41B18
700
#901613
800
#71110F
900
#52100F
950
#340A09

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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