#D4C397

#D4C397

Color Values

HEX

#D4C397

RGB

212, 195, 151

HSL

43.3, 41.5%, 71.2%

HSV

43.3, 28.8%, 83.1%

CMYK

0.0%, 8.0%, 28.8%, 16.9%

OKLCH

0.8204 0.0615 89.4

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#D4C397

#97A8D4

Analogous

#D4A597

#C7D497

#D4C397

Triadic

#D4C397

#97D4C3

#C397D4

Split Complementary

#D4C397

#97C7D4

#A597D4

Tetradic

#D4C397

#97D4A5

#97A8D4

#D497C7

Color Blindness Simulation

Original

#D4C397

Protanopia

#CDCCA2

Deuteranopia

#CECFA4

Tritanopia

#D3AAAC

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#EAE2CC
300
#DBCDA8
400
#C8B279
500
#B4974B
600
#90793C
700
#736130
800
#5A4B25
900
#43381E
950
#2A2413

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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