#D6CD97

#D6CD97

Color Values

HEX

#D6CD97

RGB

214, 205, 151

HSL

51,4, 43,4%, 71,6%

HSV

51,4, 29,4%, 83,9%

CMYK

0,0%, 4,2%, 29,4%, 16,1%

OKLCH

0,8426 0,0715 99,8

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#D6CD97

#97A0D6

Analogous

#D6AE97

#C0D697

#D6CD97

Triadic

#D6CD97

#97D6CD

#CD97D6

Split Complementary

#D6CD97

#97C0D6

#AE97D6

Tetradic

#D6CD97

#97D6AE

#97A0D6

#D697C0

Color Blindness Simulation

Original

#D6CD97

Protanopia

#D2D2A4

Deuteranopia

#D3D3A7

Tritanopia

#D6AEB1

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F2E7
200
#EBE6CC
300
#DCD5A7
400
#CABE78
500
#B7A748
600
#92863A
700
#756B2E
800
#5B5324
900
#433E1E
950
#2B2713

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,04: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