#D8BCED

#D8BCED

Color Values

HEX

#D8BCED

RGB

216, 188, 237

HSL

274.3, 57.6%, 83.3%

HSV

274.3, 20.7%, 92.9%

CMYK

8.9%, 20.7%, 0.0%, 7.1%

OKLCH

0.8348 0.0736 310.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D8BCED

#D1EDBC

Analogous

#BFBCED

#EDBCE9

#D8BCED

Triadic

#D8BCED

#EDD8BC

#BCEDD8

Split Complementary

#D8BCED

#E9EDBC

#BCEDBF

Tetradic

#D8BCED

#EDBFBC

#D1EDBC

#BCE9ED

Color Blindness Simulation

Original

#D8BCED

Protanopia

#CCCCE1

Deuteranopia

#CED0DE

Tritanopia

#D7D8D6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DEC7F0
300
#C79FE5
400
#A86AD7
500
#8A36C9
600
#6E2BA1
700
#582381
800
#451B64
900
#34174A
950
#210F2E

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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