#DC4923

#DC4923

Color Values

HEX

#DC4923

RGB

220, 73, 35

HSL

12.3, 72.5%, 50.0%

HSV

12.3, 84.1%, 86.3%

CMYK

0.0%, 66.8%, 84.1%, 13.7%

OKLCH

0.607 0.1899 35.0

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DC4923

#23B6DC

Analogous

#DC235A

#DCA523

#DC4923

Triadic

#DC4923

#23DC49

#4923DC

Split Complementary

#DC4923

#23DCA5

#235ADC

Tetradic

#DC4923

#5ADC23

#23B6DC

#A523DC

Color Blindness Simulation

Original

#DC4923

Protanopia

#9C9B2C

Deuteranopia

#A5B02E

Tritanopia

#D53335

Achromatopsia

#666666

CSS Usage

background-color: #DC4923;
color: #DC4923;
border-color: #DC4923;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F5CCC1
300
#EEA895
400
#E5785C
500
#DC4923
600
#B03A1C
700
#8D2F16
800
#6E2412
900
#501E11
950
#33130B

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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