#D2BDFA

#D2BDFA

Color Values

HEX

#D2BDFA

RGB

210, 189, 250

HSL

260.7, 85.9%, 86.1%

HSV

260.7, 24.4%, 98.0%

CMYK

16.0%, 24.4%, 0.0%, 2.0%

OKLCH

0.8365 0.0867 300.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2BDFA

#E5FABD

Analogous

#BDC7FA

#F1BDFA

#D2BDFA

Triadic

#D2BDFA

#FAD2BD

#BDFAD2

Split Complementary

#D2BDFA

#FAF1BD

#C7FABD

Tetradic

#D2BDFA

#FABDC7

#E5FABD

#BDFAF1

Color Blindness Simulation

Original

#D2BDFA

Protanopia

#C9C9EB

Deuteranopia

#CACCE8

Tritanopia

#D1E0DD

Achromatopsia

#C6C6C6

CSS Usage

background-color: #D2BDFA;
color: #D2BDFA;
border-color: #D2BDFA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D2BDFA
300
#B28DF6
400
#8850F2
500
#5E12ED
600
#4B0EBE
700
#3C0C98
800
#2F0977
900
#250B56
950
#170736

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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