#DC3423

#DC3423

Color Values

HEX

#DC3423

RGB

220, 52, 35

HSL

5.5, 72.5%, 50.0%

HSV

5.5, 84.1%, 86.3%

CMYK

0.0%, 76.4%, 84.1%, 13.7%

OKLCH

0.5868 0.2065 30.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#DC3423

#23CBDC

Analogous

#DC236F

#DC9023

#DC3423

Triadic

#DC3423

#23DC34

#3423DC

Split Complementary

#DC3423

#23DC90

#236FDC

Tetradic

#DC3423

#6FDC23

#23CBDC

#9023DC

Color Blindness Simulation

Original

#DC3423

Protanopia

#939227

Deuteranopia

#9DAA28

Tritanopia

#D42A2B

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E2
200
#F5C6C1
300
#EE9E95
400
#E5695C
500
#DC3423
600
#B02A1C
700
#8D2116
800
#6E1A12
900
#501711
950
#330E0B

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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