#D997D3

#D997D3

Color Values

HEX

#D997D3

RGB

217, 151, 211

HSL

305.5, 46.5%, 72.2%

HSV

305.5, 30.4%, 85.1%

CMYK

0.0%, 30.4%, 2.8%, 14.9%

OKLCH

0.76 0.1112 329.8

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#D997D3

#97D99D

Analogous

#BE97D9

#D997B2

#D997D3

Triadic

#D997D3

#D3D997

#97D3D9

Split Complementary

#D997D3

#B2D997

#97D9BE

Tetradic

#D997D3

#D9BE97

#97D99D

#97B2D9

Color Blindness Simulation

Original

#D997D3

Protanopia

#BCBCC4

Deuteranopia

#C0C5C1

Tritanopia

#D6B9B6

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA5D9
400
#CD75C4
500
#BB44B0
600
#95378D
700
#782C71
800
#5D2258
900
#451C41
950
#2B1229

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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