#D0BDF9

#D0BDF9

Color Values

HEX

#D0BDF9

RGB

208, 189, 249

HSL

259.0, 83.3%, 85.9%

HSV

259.0, 24.1%, 97.6%

CMYK

16.5%, 24.1%, 0.0%, 2.4%

OKLCH

0.8344 0.085 299.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D0BDF9

#E6F9BD

Analogous

#BDC8F9

#EEBDF9

#D0BDF9

Triadic

#D0BDF9

#F9D0BD

#BDF9D0

Split Complementary

#D0BDF9

#F9EEBD

#C8F9BD

Tetradic

#D0BDF9

#F9BDC8

#E6F9BD

#BDF9EE

Color Blindness Simulation

Original

#D0BDF9

Protanopia

#C8C8EA

Deuteranopia

#C9CAE7

Tritanopia

#CFDFDC

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E9E1FA
200
#D0BEF9
300
#AF8FF5
400
#8452EF
500
#5915EA
600
#4711BB
700
#390E96
800
#2C0B75
900
#230C55
950
#160836

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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