#D89CCE

#D89CCE

Color Values

HEX

#D89CCE

RGB

216, 156, 206

HSL

310.0, 43.5%, 72.9%

HSV

310.0, 27.8%, 84.7%

CMYK

0.0%, 27.8%, 4.6%, 15.3%

OKLCH

0.7657 0.0968 332.4

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#D89CCE

#9CD8A6

Analogous

#C49CD8

#D89CB0

#D89CCE

Triadic

#D89CCE

#CED89C

#9CCED8

Split Complementary

#D89CCE

#B0D89C

#9CD8C4

Tetradic

#D89CCE

#D8C49C

#9CD8A6

#9CB0D8

Color Blindness Simulation

Original

#D89CCE

Protanopia

#BEBDC2

Deuteranopia

#C2C6BF

Tritanopia

#D5B8B6

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F4E7F2
200
#EBCCE6
300
#DCA7D4
400
#CA78BC
500
#B748A4
600
#923A84
700
#752E69
800
#5B2452
900
#431D3D
950
#2B1327

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.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