#DCBF97

#DCBF97

Color Values

HEX

#DCBF97

RGB

220, 191, 151

HSL

34.8, 49.6%, 72.7%

HSV

34.8, 31.4%, 86.3%

CMYK

0.0%, 13.2%, 31.4%, 13.7%

OKLCH

0.8196 0.0627 75.6

Properties

Warm Light Nearest: tan

Color Harmonies

Complementary

#DCBF97

#97B4DC

Analogous

#DC9C97

#D6DC97

#DCBF97

Triadic

#DCBF97

#97DCBF

#BF97DC

Split Complementary

#DCBF97

#97D6DC

#9C97DC

Tetradic

#DCBF97

#97DC9C

#97B4DC

#DC97D6

Color Blindness Simulation

Original

#DCBF97

Protanopia

#CFCFA1

Deuteranopia

#D1D3A3

Tritanopia

#DBA8AA

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDECA
300
#E0C7A3
400
#CFA872
500
#BF8A40
600
#996E33
700
#7A5829
800
#5F4520
900
#46341B
950
#2C2111

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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