#DCC497

#DCC497

Color Values

HEX

#DCC497

RGB

220, 196, 151

HSL

39.1, 49.6%, 72.7%

HSV

39.1, 31.4%, 86.3%

CMYK

0.0%, 10.9%, 31.4%, 13.7%

OKLCH

0.8296 0.0653 83.0

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#DCC497

#97AFDC

Analogous

#DCA197

#D1DC97

#DCC497

Triadic

#DCC497

#97DCC4

#C497DC

Split Complementary

#DCC497

#97D1DC

#A197DC

Tetradic

#DCC497

#97DCA1

#97AFDC

#DC97D1

Color Blindness Simulation

Original

#DCC497

Protanopia

#D2D1A2

Deuteranopia

#D3D5A4

Tritanopia

#DBAAAC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDE1CA
300
#E0CBA3
400
#CFAF72
500
#BF9340
600
#997533
700
#7A5E29
800
#5F4920
900
#46371B
950
#2C2311

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026