#D0BAF1

#D0BAF1

Color Values

HEX

#D0BAF1

RGB

208, 186, 241

HSL

264.0, 66.3%, 83.7%

HSV

264.0, 22.8%, 94.5%

CMYK

13.7%, 22.8%, 0.0%, 5.5%

OKLCH

0.8257 0.0793 303.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D0BAF1

#DBF1BA

Analogous

#BABFF1

#EBBAF1

#D0BAF1

Triadic

#D0BAF1

#F1D0BA

#BAF1D0

Split Complementary

#D0BAF1

#F1EBBA

#BFF1BA

Tetradic

#D0BAF1

#F1BABF

#DBF1BA

#BAF1EB

Color Blindness Simulation

Original

#D0BAF1

Protanopia

#C6C6E4

Deuteranopia

#C8C9E0

Tritanopia

#CFD9D7

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D7C4F3
300
#BA99EA
400
#9462DF
500
#6F2BD4
600
#5822AA
700
#471B88
800
#37156A
900
#2B144D
950
#1B0C31

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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