#D8B2FF

#D8B2FF

Color Values

HEX

#D8B2FF

RGB

216, 178, 255

HSL

269.6, 100.0%, 84.9%

HSV

269.6, 30.2%, 100.0%

CMYK

15.3%, 30.2%, 0.0%, 0.0%

OKLCH

0.8236 0.1128 306.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D8B2FF

#D9FFB2

Analogous

#B2B3FF

#FEB2FF

#D8B2FF

Triadic

#D8B2FF

#FFD8B2

#B2FFD8

Split Complementary

#D8B2FF

#FFFEB2

#B3FFB2

Tetradic

#D8B2FF

#FFB2B3

#D9FFB2

#B2FFFE

Color Blindness Simulation

Original

#D8B2FF

Protanopia

#C8C7EC

Deuteranopia

#CACDE8

Tritanopia

#D6DEDA

Achromatopsia

#C0C0C0

CSS Usage

background-color: #D8B2FF;
color: #D8B2FF;
border-color: #D8B2FF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DBB8FF
300
#C185FF
400
#9F42FF
500
#7E00FF
600
#6500CC
700
#5100A3
800
#3F0080
900
#30055C
950
#1E033A

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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