#D3C2AB

#D3C2AB

Color Values

HEX

#D3C2AB

RGB

211, 194, 171

HSL

34,5, 31,2%, 74,9%

HSV

34,5, 19,0%, 82,7%

CMYK

0,0%, 8,1%, 19,0%, 17,3%

OKLCH

0,8221 0,0367 75,5

Properties

Warm Light Nearest: bisque 3

Color Harmonies

Complementary

#D3C2AB

#ABBCD3

Analogous

#D3AEAB

#D0D3AB

#D3C2AB

Triadic

#D3C2AB

#ABD3C2

#C2ABD3

Split Complementary

#D3C2AB

#ABD0D3

#AEABD3

Tetradic

#D3C2AB

#ABD3AE

#ABBCD3

#D3ABD0

Color Blindness Simulation

Original

#D3C2AB

Protanopia

#CCCBB1

Deuteranopia

#CDCEB2

Tritanopia

#D2B5B6

Achromatopsia

#C4C4C4

CSS Usage

background-color: #D3C2AB;
color: #D3C2AB;
border-color: #D3C2AB;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E6DDD0
300
#D5C5AF
400
#BEA583
500
#A78558
600
#866B46
700
#6B5538
800
#54432C
900
#3E3223
950
#272016

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026