#DC3C23

#DC3C23

Color Values

HEX

#DC3C23

RGB

220, 60, 35

HSL

8.1, 72.5%, 50.0%

HSV

8.1, 84.1%, 86.3%

CMYK

0.0%, 72.7%, 84.1%, 13.7%

OKLCH

0.5937 0.2005 31.7

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DC3C23

#23C3DC

Analogous

#DC2367

#DC9823

#DC3C23

Triadic

#DC3C23

#23DC3C

#3C23DC

Split Complementary

#DC3C23

#23DC98

#2367DC

Tetradic

#DC3C23

#67DC23

#23C3DC

#9823DC

Color Blindness Simulation

Original

#DC3C23

Protanopia

#979529

Deuteranopia

#A0AC2A

Tritanopia

#D42E2F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C8C1
300
#EEA195
400
#E56F5C
500
#DC3C23
600
#B0301C
700
#8D2616
800
#6E1E12
900
#501911
950
#33100B

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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