#D5BA97

#D5BA97

Color Values

HEX

#D5BA97

RGB

213, 186, 151

HSL

33.9, 42.5%, 71.4%

HSV

33.9, 29.1%, 83.5%

CMYK

0.0%, 12.7%, 29.1%, 16.5%

OKLCH

0.8033 0.0564 74.0

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#D5BA97

#97B2D5

Analogous

#D59B97

#D1D597

#D5BA97

Triadic

#D5BA97

#97D5BA

#BA97D5

Split Complementary

#D5BA97

#97D1D5

#9B97D5

Tetradic

#D5BA97

#97D59B

#97B2D5

#D597D1

Color Blindness Simulation

Original

#D5BA97

Protanopia

#C9C99F

Deuteranopia

#CBCDA2

Tritanopia

#D4A6A8

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADDCC
300
#DCC5A8
400
#C9A679
500
#B68749
600
#916C3B
700
#74562F
800
#5B4325
900
#43331E
950
#2A2013

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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