#D0B2DC

#D0B2DC

Color Values

HEX

#D0B2DC

RGB

208, 178, 220

HSL

282.9, 37.5%, 78.0%

HSV

282.9, 19.1%, 86.3%

CMYK

5.5%, 19.1%, 0.0%, 13.7%

OKLCH

0.803 0.0667 316.3

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#D0B2DC

#BEDCB2

Analogous

#BBB2DC

#DCB2D3

#D0B2DC

Triadic

#D0B2DC

#DCD0B2

#B2DCD0

Split Complementary

#D0B2DC

#D3DCB2

#B2DCBB

Tetradic

#D0B2DC

#DCBBB2

#BEDCB2

#B2D3DC

Color Blindness Simulation

Original

#D0B2DC

Protanopia

#C3C3D2

Deuteranopia

#C5C7CF

Tritanopia

#CECAC8

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#F0E7F3
200
#E1CEE9
300
#CCABD9
400
#B07DC4
500
#9450AF
600
#76408C
700
#5F3370
800
#4A2858
900
#372041
950
#231429

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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