#DC7004

#DC7004

Color Values

HEX

#DC7004

RGB

220, 112, 4

HSL

30,0, 96,4%, 43,9%

HSV

30,0, 98,2%, 86,3%

CMYK

0,0%, 49,1%, 98,2%, 13,7%

OKLCH

0,6586 0,1642 53,9

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#DC7004

#0470DC

Analogous

#DC0404

#DCDC04

#DC7004

Triadic

#DC7004

#04DC70

#7004DC

Split Complementary

#DC7004

#04DCDC

#0404DC

Tetradic

#DC7004

#04DC04

#0470DC

#DC04DC

Color Blindness Simulation

Original

#DC7004

Protanopia

#ADAC1E

Deuteranopia

#B4BC24

Tritanopia

#D73337

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FEDBB9
300
#FDC287
400
#FCA146
500
#FA8005
600
#C86604
700
#A05203
800
#7D4002
900
#5A3006
950
#391F04

Contrast Checker

Text on white

3,3:1

AA Fail AAA Fail

Text on black

6,36:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026