#D4BBEE

#D4BBEE

Color Values

HEX

#D4BBEE

RGB

212, 187, 238

HSL

269.4, 60.0%, 83.3%

HSV

269.4, 21.4%, 93.3%

CMYK

10.9%, 21.4%, 0.0%, 6.7%

OKLCH

0.8299 0.075 307.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4BBEE

#D5EEBB

Analogous

#BBBBEE

#EDBBEE

#D4BBEE

Triadic

#D4BBEE

#EED4BB

#BBEED4

Split Complementary

#D4BBEE

#EEEDBB

#BBEEBB

Tetradic

#D4BBEE

#EEBBBB

#D5EEBB

#BBEEED

Color Blindness Simulation

Original

#D4BBEE

Protanopia

#C9C9E2

Deuteranopia

#CBCCDF

Tritanopia

#D3D8D6

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC6F1
300
#C19DE7
400
#A068D9
500
#7E33CC
600
#6529A3
700
#512183
800
#3F1A66
900
#30164B
950
#1E0E2F

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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