#D3BAC3

#D3BAC3

Color Values

HEX

#D3BAC3

RGB

211, 186, 195

HSL

338.4, 22.1%, 77.8%

HSV

338.4, 11.8%, 82.7%

CMYK

0.0%, 11.8%, 7.6%, 17.3%

OKLCH

0.8128 0.0309 354.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#D3BAC3

#BAD3CA

Analogous

#D3BACF

#D3BDBA

#D3BAC3

Triadic

#D3BAC3

#C3D3BA

#BAC3D3

Split Complementary

#D3BAC3

#BAD3BD

#BACFD3

Tetradic

#D3BAC3

#CFD3BA

#BAD3CA

#BDBAD3

Color Blindness Simulation

Original

#D3BAC3

Protanopia

#C8C8C1

Deuteranopia

#CACCC0

Tritanopia

#D2BFBF

Achromatopsia

#C0C0C0

CSS Usage

background-color: #D3BAC3;
color: #D3BAC3;
border-color: #D3BAC3;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E3D3D9
300
#CFB4BE
400
#B68C9B
500
#9C6378
600
#7D4F60
700
#64404D
800
#4E323C
900
#3A272E
950
#25191D

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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