#D4BEEE

#D4BEEE

Color Values

HEX

#D4BEEE

RGB

212, 190, 238

HSL

267.5, 58.5%, 83.9%

HSV

267.5, 20.2%, 93.3%

CMYK

10.9%, 20.2%, 0.0%, 6.7%

OKLCH

0.8355 0.07 305.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4BEEE

#D8EEBE

Analogous

#BEC0EE

#ECBEEE

#D4BEEE

Triadic

#D4BEEE

#EED4BE

#BEEED4

Split Complementary

#D4BEEE

#EEECBE

#C0EEBE

Tetradic

#D4BEEE

#EEBEC0

#D8EEBE

#BEEEEC

Color Blindness Simulation

Original

#D4BEEE

Protanopia

#CACAE2

Deuteranopia

#CCCDE0

Tritanopia

#D3D9D7

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#DAC6F0
300
#BF9EE6
400
#9C69D8
500
#7935CA
600
#612AA2
700
#4E2281
800
#3D1A65
900
#2E174A
950
#1D0E2F

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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