#D6CD9F

#D6CD9F

Color Values

HEX

#D6CD9F

RGB

214, 205, 159

HSL

50,2, 40,1%, 73,1%

HSV

50,2, 25,7%, 83,9%

CMYK

0,0%, 4,2%, 25,7%, 16,1%

OKLCH

0,8442 0,0616 98,3

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#D6CD9F

#9FA8D6

Analogous

#D6B19F

#C3D69F

#D6CD9F

Triadic

#D6CD9F

#9FD6CD

#CD9FD6

Split Complementary

#D6CD9F

#9FC3D6

#B19FD6

Tetradic

#D6CD9F

#9FD6B1

#9FA8D6

#D69FC3

Color Blindness Simulation

Original

#D6CD9F

Protanopia

#D2D2AA

Deuteranopia

#D3D3AD

Tritanopia

#D6B3B5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#EAE5CD
300
#DAD2A9
400
#C6BA7B
500
#B3A24C
600
#8F823D
700
#726831
800
#595126
900
#423C1F
950
#2A2614

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,09:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026