#D24039

#D24039

Color Values

HEX

#D24039

RGB

210, 64, 57

HSL

2.7, 63.0%, 52.4%

HSV

2.7, 72.9%, 82.4%

CMYK

0.0%, 69.5%, 72.9%, 17.6%

OKLCH

0.5829 0.184 27.2

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#D24039

#39CBD2

Analogous

#D2397F

#D28D39

#D24039

Triadic

#D24039

#39D240

#4039D2

Split Complementary

#D24039

#39D28D

#397FD2

Tetradic

#D24039

#7FD239

#39CBD2

#8D39D2

Color Blindness Simulation

Original

#D24039

Protanopia

#93923B

Deuteranopia

#9BA63B

Tritanopia

#CB3C3C

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E4E4
200
#F2C7C5
300
#E89F9B
400
#DC6B65
500
#D0362F
600
#A62C26
700
#85231E
800
#681B18
900
#4C1715
950
#300F0D

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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