#D8ABC7

#D8ABC7

Color Values

HEX

#D8ABC7

RGB

216, 171, 199

HSL

322.7, 36.6%, 75.9%

HSV

322.7, 20.8%, 84.7%

CMYK

0.0%, 20.8%, 7.9%, 15.3%

OKLCH

0.7902 0.0641 340.9

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D8ABC7

#ABD8BC

Analogous

#D3ABD8

#D8ABB1

#D8ABC7

Triadic

#D8ABC7

#C7D8AB

#ABC7D8

Split Complementary

#D8ABC7

#B1D8AB

#ABD8D3

Tetradic

#D8ABC7

#D8D3AB

#ABD8BC

#ABB1D8

Color Blindness Simulation

Original

#D8ABC7

Protanopia

#C5C4C0

Deuteranopia

#C7CABF

Tritanopia

#D6BBBA

Achromatopsia

#B7B7B7

CSS Usage

background-color: #D8ABC7;
color: #D8ABC7;
border-color: #D8ABC7;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CEDE
300
#D8ABC7
400
#C37EA9
500
#AE518B
600
#8B416F
700
#6F3459
800
#572845
900
#402034
950
#291521

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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