#DC9745

#DC9745

Color Values

HEX

#DC9745

RGB

220, 151, 69

HSL

32.6, 68.3%, 56.7%

HSV

32.6, 68.6%, 86.3%

CMYK

0.0%, 31.4%, 68.6%, 13.7%

OKLCH

0.7297 0.1276 67.9

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#DC9745

#458ADC

Analogous

#DC4C45

#D5DC45

#DC9745

Triadic

#DC9745

#45DC97

#9745DC

Split Complementary

#DC9745

#45D5DC

#4C45DC

Tetradic

#DC9745

#45DC4C

#458ADC

#DC45D5

Color Blindness Simulation

Original

#DC9745

Protanopia

#BEBE59

Deuteranopia

#C2C75E

Tritanopia

#D9696C

Achromatopsia

#A0A0A0

CSS Usage

background-color: #DC9745;
color: #DC9745;
border-color: #DC9745;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC598
400
#E1A660
500
#D78728
600
#AC6C20
700
#89561A
800
#6B4414
900
#4E3313
950
#31200C

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.56:1

AA Pass AAA Pass

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