#D23023

#D23023

Color Values

HEX

#D23023

RGB

210, 48, 35

HSL

4.5, 71.4%, 48.0%

HSV

4.5, 83.3%, 82.4%

CMYK

0.0%, 77.1%, 83.3%, 17.6%

OKLCH

0.5658 0.2 29.5

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#D23023

#23C5D2

Analogous

#D2236D

#D28823

#D23023

Triadic

#D23023

#23D230

#3023D2

Split Complementary

#D23023

#23D288

#236DD2

Tetradic

#D23023

#6DD223

#23C5D2

#8823D2

Color Blindness Simulation

Original

#D23023

Protanopia

#8C8A26

Deuteranopia

#95A127

Tritanopia

#CA2929

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E2
200
#F5C6C2
300
#ED9D96
400
#E4675D
500
#DB3224
600
#AF281D
700
#8C2017
800
#6D1912
900
#501611
950
#320E0B

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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