#D6BDDF

#D6BDDF

Color Values

HEX

#D6BDDF

RGB

214, 189, 223

HSL

284.1, 34.7%, 80.8%

HSV

284.1, 15.2%, 87.5%

CMYK

4.0%, 15.2%, 0.0%, 12.5%

OKLCH

0.8301 0.054 317.1

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D6BDDF

#C6DFBD

Analogous

#C5BDDF

#DFBDD7

#D6BDDF

Triadic

#D6BDDF

#DFD6BD

#BDDFD6

Split Complementary

#D6BDDF

#D7DFBD

#BDDFC5

Tetradic

#D6BDDF

#DFC5BD

#C6DFBD

#BDD7DF

Color Blindness Simulation

Original

#D6BDDF

Protanopia

#CBCBD7

Deuteranopia

#CDCED5

Tritanopia

#D5D0CF

Achromatopsia

#C5C5C5

CSS Usage

background-color: #D6BDDF;
color: #D6BDDF;
border-color: #D6BDDF;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F8F5FA
100
#F0E8F2
200
#E1CFE8
300
#CCADD7
400
#B080C1
500
#9453AC
600
#774389
700
#5F356E
800
#4A2A56
900
#382140
950
#231528

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026