#D6B4FA

#D6B4FA

Color Values

HEX

#D6B4FA

RGB

214, 180, 250

HSL

269.1, 87.5%, 84.3%

HSV

269.1, 28.0%, 98.0%

CMYK

14.4%, 28.0%, 0.0%, 2.0%

OKLCH

0.8234 0.1026 306.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D6B4FA

#D8FAB4

Analogous

#B4B5FA

#F9B4FA

#D6B4FA

Triadic

#D6B4FA

#FAD6B4

#B4FAD6

Split Complementary

#D6B4FA

#FAF9B4

#B5FAB4

Tetradic

#D6B4FA

#FAB4B5

#D8FAB4

#B4FAF9

Color Blindness Simulation

Original

#D6B4FA

Protanopia

#C7C7E9

Deuteranopia

#C9CCE5

Tritanopia

#D4DCD9

Achromatopsia

#C0C0C0

CSS Usage

background-color: #D6B4FA;
color: #D6B4FA;
border-color: #D6B4FA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABCFB
300
#C08CF7
400
#9E4EF3
500
#7C10EF
600
#630DBF
700
#4F0A99
800
#3E0878
900
#2F0A57
950
#1E0737

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.77:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026