#D23C32

#D23C32

Color Values

HEX

#D23C32

RGB

210, 60, 50

HSL

3.8, 64.0%, 51.0%

HSV

3.8, 76.2%, 82.4%

CMYK

0.0%, 71.4%, 76.2%, 17.6%

OKLCH

0.578 0.1885 28.3

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#D23C32

#32C8D2

Analogous

#D23278

#D28C32

#D23C32

Triadic

#D23C32

#32D23C

#3C32D2

Split Complementary

#D23C32

#32D28C

#3278D2

Tetradic

#D23C32

#78D232

#32C8D2

#8C32D2

Color Blindness Simulation

Original

#D23C32

Protanopia

#919034

Deuteranopia

#9AA535

Tritanopia

#CA3637

Achromatopsia

#5B5B5B

CSS Usage

background-color: #D23C32;
color: #D23C32;
border-color: #D23C32;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F2C7C4
300
#E9A09B
400
#DD6C64
500
#D1382E
600
#A72D25
700
#86241D
800
#691C17
900
#4C1815
950
#300F0D

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026