#D2B1FD

#D2B1FD

Color Values

HEX

#D2B1FD

RGB

210, 177, 253

HSL

266.1, 95.0%, 84.3%

HSV

266.1, 30.0%, 99.2%

CMYK

17.0%, 30.0%, 0.0%, 0.8%

OKLCH

0.8157 0.1101 303.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2B1FD

#DCFDB1

Analogous

#B1B6FD

#F8B1FD

#D2B1FD

Triadic

#D2B1FD

#FDD2B1

#B1FDD2

Split Complementary

#D2B1FD

#FDF8B1

#B6FDB1

Tetradic

#D2B1FD

#FDB1B6

#DCFDB1

#B1FDF8

Color Blindness Simulation

Original

#D2B1FD

Protanopia

#C4C3EB

Deuteranopia

#C6C8E6

Tritanopia

#D0DCD9

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EBDFFC
200
#D7B9FD
300
#BA88FC
400
#9547FA
500
#7006F9
600
#5905C7
700
#48049F
800
#38037C
900
#2B075A
950
#1B0439

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026