#D4BCFF

#D4BCFF

Color Values

HEX

#D4BCFF

RGB

212, 188, 255

HSL

261.5, 100.0%, 86.9%

HSV

261.5, 26.3%, 100.0%

CMYK

16.9%, 26.3%, 0.0%, 0.0%

OKLCH

0.8383 0.0953 300.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4BCFF

#E7FFBC

Analogous

#BCC6FF

#F6BCFF

#D4BCFF

Triadic

#D4BCFF

#FFD4BC

#BCFFD4

Split Complementary

#D4BCFF

#FFF6BC

#C6FFBC

Tetradic

#D4BCFF

#FFBCC6

#E7FFBC

#BCFFF6

Color Blindness Simulation

Original

#D4BCFF

Protanopia

#CAC9EF

Deuteranopia

#CBCDEB

Tritanopia

#D3E2DF

Achromatopsia

#C6C6C6

CSS Usage

background-color: #D4BCFF;
color: #D4BCFF;
border-color: #D4BCFF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F1FE
100
#E9DEFC
200
#D1B8FF
300
#B085FF
400
#8642FF
500
#5B00FF
600
#4900CC
700
#3A00A3
800
#2E0080
900
#24055C
950
#17033A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026