#DCC39F

#DCC39F

Color Values

HEX

#DCC39F

RGB

220, 195, 159

HSL

35.4, 46.6%, 74.3%

HSV

35.4, 27.7%, 86.3%

CMYK

0.0%, 11.4%, 27.7%, 13.7%

OKLCH

0.8293 0.0558 76.8

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#DCC39F

#9FB8DC

Analogous

#DCA49F

#D7DC9F

#DCC39F

Triadic

#DCC39F

#9FDCC3

#C39FDC

Split Complementary

#DCC39F

#9FD7DC

#A49FDC

Tetradic

#DCC39F

#9FDCA4

#9FB8DC

#DC9FD7

Color Blindness Simulation

Original

#DCC39F

Protanopia

#D1D1A8

Deuteranopia

#D3D4AA

Tritanopia

#DBAFB0

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECB
300
#DEC7A5
400
#CDA975
500
#BB8A44
600
#966F36
700
#78582C
800
#5D4522
900
#45341C
950
#2B2112

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026