#D9B0FD

#D9B0FD

Color Values

HEX

#D9B0FD

RGB

217, 176, 253

HSL

271.9, 95.1%, 84.1%

HSV

271.9, 30.4%, 99.2%

CMYK

14.2%, 30.4%, 0.0%, 0.8%

OKLCH

0.8201 0.114 308.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D9B0FD

#D4FDB0

Analogous

#B2B0FD

#FDB0FB

#D9B0FD

Triadic

#D9B0FD

#FDD9B0

#B0FDD9

Split Complementary

#D9B0FD

#FBFDB0

#B0FDB2

Tetradic

#D9B0FD

#FDB2B0

#D4FDB0

#B0FBFD

Color Blindness Simulation

Original

#D9B0FD

Protanopia

#C7C7EA

Deuteranopia

#CACDE6

Tritanopia

#D7DCD8

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDFFC
200
#DDB9FD
300
#C588FC
400
#A647FA
500
#8706F9
600
#6C05C7
700
#57049F
800
#44037C
900
#33075A
950
#200439

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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