#D0B3FE

#D0B3FE

Color Values

HEX

#D0B3FE

RGB

208, 179, 254

HSL

263.2, 97.4%, 84.9%

HSV

263.2, 29.5%, 99.6%

CMYK

18.1%, 29.5%, 0.0%, 0.4%

OKLCH

0.818 0.1077 301.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D0B3FE

#E1FEB3

Analogous

#B3BBFE

#F5B3FE

#D0B3FE

Triadic

#D0B3FE

#FED0B3

#B3FED0

Split Complementary

#D0B3FE

#FEF5B3

#BBFEB3

Tetradic

#D0B3FE

#FEB3BB

#E1FEB3

#B3FEF5

Color Blindness Simulation

Original

#D0B3FE

Protanopia

#C3C3EC

Deuteranopia

#C5C7E7

Tritanopia

#CFDEDA

Achromatopsia

#BFBFBF

CSS Usage

background-color: #D0B3FE;
color: #D0B3FE;
border-color: #D0B3FE;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D3B9FE
300
#B486FD
400
#8C45FD
500
#6303FC
600
#4F03C9
700
#4002A1
800
#32027E
900
#27065B
950
#190439

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026