#DC9956

#DC9956

Color Values

HEX

#DC9956

RGB

220, 153, 86

HSL

30.0, 65.7%, 60.0%

HSV

30.0, 60.9%, 86.3%

CMYK

0.0%, 30.5%, 60.9%, 13.7%

OKLCH

0.7353 0.116 64.3

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#DC9956

#5699DC

Analogous

#DC5656

#DCDC56

#DC9956

Triadic

#DC9956

#56DC99

#9956DC

Split Complementary

#DC9956

#56DCDC

#5656DC

Tetradic

#DC9956

#56DC56

#5699DC

#DC56DC

Color Blindness Simulation

Original

#DC9956

Protanopia

#BFBE66

Deuteranopia

#C3C86A

Tritanopia

#D97376

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DBC4
300
#EAC29A
400
#DFA163
500
#D3802C
600
#A96623
700
#87521C
800
#6A4016
900
#4D3014
950
#311F0D

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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