#D2BAE3

#D2BAE3

Color Values

HEX

#D2BAE3

RGB

210, 186, 227

HSL

275.1, 42.3%, 81.0%

HSV

275.1, 18.1%, 89.0%

CMYK

7.5%, 18.1%, 0.0%, 11.0%

OKLCH

0.8223 0.0621 311.2

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D2BAE3

#CBE3BA

Analogous

#BEBAE3

#E3BAE0

#D2BAE3

Triadic

#D2BAE3

#E3D2BA

#BAE3D2

Split Complementary

#D2BAE3

#E0E3BA

#BAE3BE

Tetradic

#D2BAE3

#E3BEBA

#CBE3BA

#BAE0E3

Color Blindness Simulation

Original

#D2BAE3

Protanopia

#C8C7D9

Deuteranopia

#C9CBD7

Tritanopia

#D1D1D0

Achromatopsia

#C2C2C2

CSS Usage

background-color: #D2BAE3;
color: #D2BAE3;
border-color: #D2BAE3;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F8F5FA
100
#EEE7F4
200
#DECCEA
300
#C6A8DC
400
#A779C9
500
#894AB5
600
#6D3B91
700
#572F74
800
#44255B
900
#341E43
950
#21132A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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