#DC7C18

#DC7C18

Color Values

HEX

#DC7C18

RGB

220, 124, 24

HSL

30.6, 80.3%, 47.8%

HSV

30.6, 89.1%, 86.3%

CMYK

0.0%, 43.6%, 89.1%, 13.7%

OKLCH

0.6787 0.1545 58.7

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#DC7C18

#1878DC

Analogous

#DC1A18

#DADC18

#DC7C18

Triadic

#DC7C18

#18DC7C

#7C18DC

Split Complementary

#DC7C18

#18DADC

#1A18DC

Tetradic

#DC7C18

#18DC1A

#1878DC

#DC18DA

Color Blindness Simulation

Original

#DC7C18

Protanopia

#B2B230

Deuteranopia

#B8BF36

Tritanopia

#D74348

Achromatopsia

#898989

CSS Usage

background-color: #DC7C18;
color: #DC7C18;
border-color: #DC7C18;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F2
100
#F9EDE1
200
#F8DCBF
300
#F3C391
400
#ECA255
500
#E68219
600
#B86814
700
#935310
800
#73410D
900
#53310D
950
#351F08

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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