#BDADBB

#BDADBB

Color Values

HEX

#BDADBB

RGB

189, 173, 187

HSL

307.5, 10.8%, 71.0%

HSV

307.5, 8.5%, 74.1%

CMYK

0.0%, 8.5%, 1.1%, 25.9%

OKLCH

0.7654 0.0266 329.8

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#BDADBB

#ADBDAF

Analogous

#B7ADBD

#BDADB3

#BDADBB

Triadic

#BDADBB

#BBBDAD

#ADBBBD

Split Complementary

#BDADBB

#B3BDAD

#ADBDB7

Tetradic

#BDADBB

#BDB7AD

#ADBDAF

#ADB3BD

Color Blindness Simulation

Original

#BDADBB

Protanopia

#B6B6B8

Deuteranopia

#B7B8B7

Tritanopia

#BCB5B4

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD7DE
300
#C8BBC7
400
#AB96A8
500
#8D728A
600
#715B6E
700
#5A4958
800
#473945
900
#352C34
950
#221C21

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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