#BDAED4

#BDAED4

Color Values

HEX

#BDAED4

RGB

189, 174, 212

HSL

263.7, 30.6%, 75.7%

HSV

263.7, 17.9%, 83.1%

CMYK

10.8%, 17.9%, 0.0%, 16.9%

OKLCH

0.7759 0.0557 303.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDAED4

#C5D4AE

Analogous

#AEB2D4

#D0AED4

#BDAED4

Triadic

#BDAED4

#D4BDAE

#AED4BD

Split Complementary

#BDAED4

#D4D0AE

#B2D4AE

Tetradic

#BDAED4

#D4AEB2

#C5D4AE

#AED4D0

Color Blindness Simulation

Original

#BDAED4

Protanopia

#B7B6CB

Deuteranopia

#B7B8C9

Tritanopia

#BCC4C2

Achromatopsia

#B4B4B4

CSS Usage

background-color: #BDAED4;
color: #BDAED4;
border-color: #BDAED4;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D0E6
300
#BEAFD5
400
#9B84BE
500
#7758A7
600
#5F4785
700
#4C396B
800
#3C2C53
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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