#D88FD0

#D88FD0

Color Values

HEX

#D88FD0

RGB

216, 143, 208

HSL

306.6, 48.3%, 70.4%

HSV

306.6, 33.8%, 84.7%

CMYK

0.0%, 33.8%, 3.7%, 15.3%

OKLCH

0.7443 0.1218 330.6

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#D88FD0

#8FD897

Analogous

#BC8FD8

#D88FAB

#D88FD0

Triadic

#D88FD0

#D0D88F

#8FD0D8

Split Complementary

#D88FD0

#ABD88F

#8FD8BC

Tetradic

#D88FD0

#D8BC8F

#8FD897

#8FABD8

Color Blindness Simulation

Original

#D88FD0

Protanopia

#B8B8C0

Deuteranopia

#BDC2BC

Tritanopia

#D4B4B1

Achromatopsia

#A3A3A3

CSS Usage

background-color: #D88FD0;
color: #D88FD0;
border-color: #D88FD0;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EDCAE9
300
#DFA4D9
400
#CE73C4
500
#BD42B0
600
#97358C
700
#792A70
800
#5F2158
900
#461B41
950
#2C1129

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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