#D1BDF0

#D1BDF0

Color Values

HEX

#D1BDF0

RGB

209, 189, 240

HSL

263.5, 63.0%, 84.1%

HSV

263.5, 21.2%, 94.1%

CMYK

12.9%, 21.2%, 0.0%, 5.9%

OKLCH

0.8318 0.0734 302.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D1BDF0

#DCF0BD

Analogous

#BDC2F0

#EABDF0

#D1BDF0

Triadic

#D1BDF0

#F0D1BD

#BDF0D1

Split Complementary

#D1BDF0

#F0EABD

#C2F0BD

Tetradic

#D1BDF0

#F0BDC2

#DCF0BD

#BDF0EA

Color Blindness Simulation

Original

#D1BDF0

Protanopia

#C8C8E4

Deuteranopia

#CACBE1

Tritanopia

#D0DAD8

Achromatopsia

#C5C5C5

CSS Usage

background-color: #D1BDF0;
color: #D1BDF0;
border-color: #D1BDF0;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F3FB
100
#EBE4F7
200
#D6C5F2
300
#B99BE8
400
#9465DC
500
#6E2FD0
600
#5826A6
700
#461E85
800
#371868
900
#2A154C
950
#1B0D30

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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