#D2BCFA

#D2BCFA

Color Values

HEX

#D2BCFA

RGB

210, 188, 250

HSL

261.3, 86.1%, 85.9%

HSV

261.3, 24.8%, 98.0%

CMYK

16.0%, 24.8%, 0.0%, 2.0%

OKLCH

0.8346 0.0884 300.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2BCFA

#E4FABC

Analogous

#BCC5FA

#F1BCFA

#D2BCFA

Triadic

#D2BCFA

#FAD2BC

#BCFAD2

Split Complementary

#D2BCFA

#FAF1BC

#C5FABC

Tetradic

#D2BCFA

#FABCC5

#E4FABC

#BCFAF1

Color Blindness Simulation

Original

#D2BCFA

Protanopia

#C8C8EB

Deuteranopia

#CACBE7

Tritanopia

#D1DFDD

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D2BDFA
300
#B38DF6
400
#894FF2
500
#6012ED
600
#4D0EBE
700
#3D0B98
800
#300977
900
#260B56
950
#180736

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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