#DCC296

#DCC296

Color Values

HEX

#DCC296

RGB

220, 194, 150

HSL

37,7, 50,0%, 72,5%

HSV

37,7, 31,8%, 86,3%

CMYK

0,0%, 11,8%, 31,8%, 13,7%

OKLCH

0,8254 0,0652 80,6

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#DCC296

#96B0DC

Analogous

#DC9F96

#D3DC96

#DCC296

Triadic

#DCC296

#96DCC2

#C296DC

Split Complementary

#DCC296

#96D3DC

#9F96DC

Tetradic

#DCC296

#96DC9F

#96B0DC

#DC96D3

Color Blindness Simulation

Original

#DCC296

Protanopia

#D1D1A1

Deuteranopia

#D2D4A3

Tritanopia

#DBA9AB

Achromatopsia

#C4C4C4

CSS Usage

background-color: #DCC296;
color: #DCC296;
border-color: #DCC296;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDE0C9
300
#E0CAA3
400
#D0AD71
500
#BF9040
600
#997333
700
#7A5C29
800
#604820
900
#46361B
950
#2C2211

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,2:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026