#BDAFC6

#BDAFC6

Color Values

HEX

#BDAFC6

RGB

189, 175, 198

HSL

276.5, 16.8%, 73.1%

HSV

276.5, 11.6%, 77.6%

CMYK

4.5%, 11.6%, 0.0%, 22.4%

OKLCH

0.773 0.0357 312.4

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BDAFC6

#B8C6AF

Analogous

#B1AFC6

#C6AFC3

#BDAFC6

Triadic

#BDAFC6

#C6BDAF

#AFC6BD

Split Complementary

#BDAFC6

#C3C6AF

#AFC6B1

Tetradic

#BDAFC6

#C6B1AF

#B8C6AF

#AFC3C6

Color Blindness Simulation

Original

#BDAFC6

Protanopia

#B7B7C0

Deuteranopia

#B8B9BF

Tritanopia

#BCBCBB

Achromatopsia

#B4B4B4

CSS Usage

background-color: #BDAFC6;
color: #BDAFC6;
border-color: #BDAFC6;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DDD5E1
300
#C4B8CC
400
#A491B1
500
#846A95
600
#6A5577
700
#55445F
800
#42354A
900
#322938
950
#201A23

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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