#D0B3DC

#D0B3DC

Color Values

HEX

#D0B3DC

RGB

208, 179, 220

HSL

282.4, 36.9%, 78.2%

HSV

282.4, 18.6%, 86.3%

CMYK

5.5%, 18.6%, 0.0%, 13.7%

OKLCH

0.8048 0.0649 316.0

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#D0B3DC

#BFDCB3

Analogous

#BBB3DC

#DCB3D3

#D0B3DC

Triadic

#D0B3DC

#DCD0B3

#B3DCD0

Split Complementary

#D0B3DC

#D3DCB3

#B3DCBB

Tetradic

#D0B3DC

#DCBBB3

#BFDCB3

#B3D3DC

Color Blindness Simulation

Original

#D0B3DC

Protanopia

#C3C3D2

Deuteranopia

#C5C7D0

Tritanopia

#CFCAC9

Achromatopsia

#BCBCBC

CSS Usage

background-color: #D0B3DC;
color: #D0B3DC;
border-color: #D0B3DC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E1CEE8
300
#CBABD8
400
#AF7EC3
500
#9350AF
600
#76408C
700
#5E3370
800
#492857
900
#372041
950
#231429

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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