#D3C4BA

#D3C4BA

Color Values

HEX

#D3C4BA

RGB

211, 196, 186

HSL

24.0, 22.1%, 77.8%

HSV

24.0, 11.8%, 82.7%

CMYK

0.0%, 7.1%, 11.8%, 17.3%

OKLCH

0.8299 0.0219 56.1

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#D3C4BA

#BAC9D3

Analogous

#D3BABC

#D3D0BA

#D3C4BA

Triadic

#D3C4BA

#BAD3C4

#C4BAD3

Split Complementary

#D3C4BA

#BAD3D0

#BABCD3

Tetradic

#D3C4BA

#BCD3BA

#BAC9D3

#D0BAD3

Color Blindness Simulation

Original

#D3C4BA

Protanopia

#CDCCBC

Deuteranopia

#CDCEBD

Tritanopia

#D2BEBF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3DAD3
300
#CFBFB4
400
#B69C8C
500
#9C7A63
600
#7D614F
700
#644E40
800
#4E3D32
900
#3A2F27
950
#251D19

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026