#D99FB5

#D99FB5

Color Values

HEX

#D99FB5

RGB

217, 159, 181

HSL

337.2, 43.3%, 73.7%

HSV

337.2, 26.7%, 85.1%

CMYK

0.0%, 26.7%, 16.6%, 14.9%

OKLCH

0.7637 0.0743 354.5

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D99FB5

#9FD9C3

Analogous

#D99FD2

#D9A69F

#D99FB5

Triadic

#D99FB5

#B5D99F

#9FB5D9

Split Complementary

#D99FB5

#9FD9A6

#9FD2D9

Tetradic

#D99FB5

#D2D99F

#9FD9C3

#A69FD9

Color Blindness Simulation

Original

#D99FB5

Protanopia

#C0BFB0

Deuteranopia

#C3C8AE

Tritanopia

#D6ABAB

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EBCCD8
300
#DCA7BB
400
#CA7897
500
#B74872
600
#923A5B
700
#752E49
800
#5B2439
900
#431E2C
950
#2B131C

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.58:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026