#D4BBF2

#D4BBF2

Color Values

HEX

#D4BBF2

RGB

212, 187, 242

HSL

267.3, 67.9%, 84.1%

HSV

267.3, 22.7%, 94.9%

CMYK

12.4%, 22.7%, 0.0%, 5.1%

OKLCH

0.8314 0.0801 305.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4BBF2

#D9F2BB

Analogous

#BBBDF2

#F0BBF2

#D4BBF2

Triadic

#D4BBF2

#F2D4BB

#BBF2D4

Split Complementary

#D4BBF2

#F2F0BB

#BDF2BB

Tetradic

#D4BBF2

#F2BBBD

#D9F2BB

#BBF2F0

Color Blindness Simulation

Original

#D4BBF2

Protanopia

#C9C9E5

Deuteranopia

#CBCCE1

Tritanopia

#D3DAD8

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D9C3F4
300
#BE98EB
400
#9B61E1
500
#7829D6
600
#6021AB
700
#4D1A89
800
#3C146B
900
#2E134E
950
#1D0C31

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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