#D6AC97

#D6AC97

Color Values

HEX

#D6AC97

RGB

214, 172, 151

HSL

20.0, 43.4%, 71.6%

HSV

20.0, 29.4%, 83.9%

CMYK

0.0%, 19.6%, 29.4%, 16.1%

OKLCH

0.7768 0.0574 48.0

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#D6AC97

#97C1D6

Analogous

#D697A2

#D6CC97

#D6AC97

Triadic

#D6AC97

#97D6AC

#AC97D6

Split Complementary

#D6AC97

#97D6CC

#97A2D6

Tetradic

#D6AC97

#A2D697

#97C1D6

#CC97D6

Color Blindness Simulation

Original

#D6AC97

Protanopia

#C4C39C

Deuteranopia

#C6C99D

Tritanopia

#D4A0A1

Achromatopsia

#B3B3B3

CSS Usage

background-color: #D6AC97;
color: #D6AC97;
border-color: #D6AC97;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF6F5
100
#F4EBE7
200
#EBD6CC
300
#DCB9A7
400
#CA9378
500
#B76D48
600
#92573A
700
#75462E
800
#5B3724
900
#432A1E
950
#2B1B13

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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