#D9ABCF

#D9ABCF

Color Values

HEX

#D9ABCF

RGB

217, 171, 207

HSL

313.0, 37.7%, 76.1%

HSV

313.0, 21.2%, 85.1%

CMYK

0.0%, 21.2%, 4.6%, 14.9%

OKLCH

0.7938 0.0717 334.0

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D9ABCF

#ABD9B5

Analogous

#CCABD9

#D9ABB8

#D9ABCF

Triadic

#D9ABCF

#CFD9AB

#ABCFD9

Split Complementary

#D9ABCF

#B8D9AB

#ABD9CC

Tetradic

#D9ABCF

#D9CCAB

#ABD9B5

#ABB8D9

Color Blindness Simulation

Original

#D9ABCF

Protanopia

#C5C5C6

Deuteranopia

#C8CBC4

Tritanopia

#D7BFBE

Achromatopsia

#B7B7B7

CSS Usage

background-color: #D9ABCF;
color: #D9ABCF;
border-color: #D9ABCF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F9
100
#F3E7F0
200
#E9CEE3
300
#D9ABCF
400
#C47DB5
500
#B04F9B
600
#8C407C
700
#703363
800
#58284D
900
#41203A
950
#291424

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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