#D6AEFB

#D6AEFB

Color Values

HEX

#D6AEFB

RGB

214, 174, 251

HSL

271.2, 90.6%, 83.3%

HSV

271.2, 30.7%, 98.4%

CMYK

14.7%, 30.7%, 0.0%, 1.6%

OKLCH

0.813 0.1138 307.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D6AEFB

#D3FBAE

Analogous

#AFAEFB

#FBAEF9

#D6AEFB

Triadic

#D6AEFB

#FBD6AE

#AEFBD6

Split Complementary

#D6AEFB

#F9FBAE

#AEFBAF

Tetradic

#D6AEFB

#FBAFAE

#D3FBAE

#AEF9FB

Color Blindness Simulation

Original

#D6AEFB

Protanopia

#C5C4E8

Deuteranopia

#C7CAE4

Tritanopia

#D4DAD6

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBBFC
300
#C48AF9
400
#A44BF6
500
#840CF3
600
#6A0AC2
700
#55089C
800
#42067A
900
#320958
950
#200638

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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