#D6CC9F

#D6CC9F

Color Values

HEX

#D6CC9F

RGB

214, 204, 159

HSL

49.1, 40.1%, 73.1%

HSV

49.1, 25.7%, 83.9%

CMYK

0.0%, 4.7%, 25.7%, 16.1%

OKLCH

0.8421 0.0606 97.0

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#D6CC9F

#9FA9D6

Analogous

#D6B09F

#C4D69F

#D6CC9F

Triadic

#D6CC9F

#9FD6CC

#CC9FD6

Split Complementary

#D6CC9F

#9FC4D6

#B09FD6

Tetradic

#D6CC9F

#9FD6B0

#9FA9D6

#D69FC4

Color Blindness Simulation

Original

#D6CC9F

Protanopia

#D2D2AA

Deuteranopia

#D2D3AC

Tritanopia

#D5B2B4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#EAE4CD
300
#DAD1A9
400
#C6B97B
500
#B3A04C
600
#8F803D
700
#726631
800
#595026
900
#423C1F
950
#2A2614

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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