#D3AE9C

#D3AE9C

Color Values

HEX

#D3AE9C

RGB

211, 174, 156

HSL

19.6, 38.5%, 72.0%

HSV

19.6, 26.1%, 82.7%

CMYK

0.0%, 17.5%, 26.1%, 17.3%

OKLCH

0.7789 0.0501 47.4

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#D3AE9C

#9CC1D3

Analogous

#D39CA6

#D3CA9C

#D3AE9C

Triadic

#D3AE9C

#9CD3AE

#AE9CD3

Split Complementary

#D3AE9C

#9CD3CA

#9CA6D3

Tetradic

#D3AE9C

#A6D39C

#9CC1D3

#CA9CD3

Color Blindness Simulation

Original

#D3AE9C

Protanopia

#C3C3A0

Deuteranopia

#C5C8A1

Tritanopia

#D1A4A5

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EBE7
200
#E9D7CE
300
#D9BAAA
400
#C5947C
500
#B16E4E
600
#8D583F
700
#714732
800
#583727
900
#412B20
950
#291B14

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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