#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