#DC9543

#DC9543

Color Values

HEX

#DC9543

RGB

220, 149, 67

HSL

32.2, 68.6%, 56.3%

HSV

32.2, 69.5%, 86.3%

CMYK

0.0%, 32.3%, 69.5%, 13.7%

OKLCH

0.7258 0.129 66.9

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#DC9543

#438ADC

Analogous

#DC4943

#D6DC43

#DC9543

Triadic

#DC9543

#43DC95

#9543DC

Split Complementary

#DC9543

#43D6DC

#4943DC

Tetradic

#DC9543

#43DC49

#438ADC

#DC43D6

Color Blindness Simulation

Original

#DC9543

Protanopia

#BDBD57

Deuteranopia

#C1C75C

Tritanopia

#D8676A

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC598
400
#E1A560
500
#D78628
600
#AC6B20
700
#8A561A
800
#6B4314
900
#4E3313
950
#31200C

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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