#E72C2D

#E72C2D

Color Values

HEX

#E72C2D

RGB

231, 44, 45

HSL

359.7, 79.6%, 53.9%

HSV

359.7, 81.0%, 90.6%

CMYK

0.0%, 81.0%, 80.5%, 9.4%

OKLCH

0.6013 0.2207 26.9

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#E72C2D

#2CE7E6

Analogous

#E72C8A

#E7892C

#E72C2D

Triadic

#E72C2D

#2DE72C

#2C2DE7

Split Complementary

#E72C2D

#2CE789

#2C8AE7

Tetradic

#E72C2D

#8AE72C

#2CE7E6

#892CE7

Color Blindness Simulation

Original

#E72C2D

Protanopia

#96942D

Deuteranopia

#A1AF2D

Tritanopia

#DE2D2D

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E1E1
200
#F8BFBF
300
#F39192
400
#EC5656
500
#E51A1B
600
#B71516
700
#931111
800
#720D0E
900
#530E0E
950
#350909

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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