#D4BEFF

#D4BEFF

Color Values

HEX

#D4BEFF

RGB

212, 190, 255

HSL

260.3, 100.0%, 87.3%

HSV

260.3, 25.5%, 100.0%

CMYK

16.9%, 25.5%, 0.0%, 0.0%

OKLCH

0.842 0.0921 299.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4BEFF

#E9FFBE

Analogous

#BEC9FF

#F5BEFF

#D4BEFF

Triadic

#D4BEFF

#FFD4BE

#BEFFD4

Split Complementary

#D4BEFF

#FFF5BE

#C9FFBE

Tetradic

#D4BEFF

#FFBEC9

#E9FFBE

#BEFFF5

Color Blindness Simulation

Original

#D4BEFF

Protanopia

#CACAEF

Deuteranopia

#CCCDEC

Tritanopia

#D3E3E0

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#D0B8FF
300
#AE85FF
400
#8242FF
500
#5600FF
600
#4500CC
700
#3700A3
800
#2B0080
900
#22055C
950
#16033A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026