#D87FB6

#D87FB6

Color Values

HEX

#D87FB6

RGB

216, 127, 182

HSL

322.9, 53.3%, 67.3%

HSV

322.9, 41.2%, 84.7%

CMYK

0.0%, 41.2%, 15.7%, 15.3%

OKLCH

0.7087 0.1287 343.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D87FB6

#7FD8A1

Analogous

#CE7FD8

#D87F8A

#D87FB6

Triadic

#D87FB6

#B6D87F

#7FB6D8

Split Complementary

#D87FB6

#8AD87F

#7FD8CE

Tetradic

#D87FB6

#D8CE7F

#7FD8A1

#7F8AD8

Color Blindness Simulation

Original

#D87FB6

Protanopia

#B1B1A9

Deuteranopia

#B7BDA6

Tritanopia

#D49E9C

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC8E0
300
#E2A1CA
400
#D36EAD
500
#C33C90
600
#9C3073
700
#7D265C
800
#621E48
900
#481936
950
#2D1022

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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