#DC5423

#DC5423

Color Values

HEX

#DC5423

RGB

220, 84, 35

HSL

15.9, 72.5%, 50.0%

HSV

15.9, 84.1%, 86.3%

CMYK

0.0%, 61.8%, 84.1%, 13.7%

OKLCH

0.6201 0.1805 38.5

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DC5423

#23ABDC

Analogous

#DC234F

#DCB023

#DC5423

Triadic

#DC5423

#23DC54

#5423DC

Split Complementary

#DC5423

#23DCB0

#234FDC

Tetradic

#DC5423

#4FDC23

#23ABDC

#B023DC

Color Blindness Simulation

Original

#DC5423

Protanopia

#A1A02F

Deuteranopia

#A9B332

Tritanopia

#D5383A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E8E2
200
#F5CFC1
300
#EEAD95
400
#E5815C
500
#DC5423
600
#B0431C
700
#8D3616
800
#6E2A12
900
#502211
950
#33150B

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass 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