#BBADB4

#BBADB4

Color Values

HEX

#BBADB4

RGB

187, 173, 180

HSL

330.0, 9.3%, 70.6%

HSV

330.0, 7.5%, 73.3%

CMYK

0.0%, 7.5%, 3.7%, 26.7%

OKLCH

0.7615 0.0187 345.8

Properties

Warm Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#BBADB4

#ADBBB4

Analogous

#BBADBB

#BBADAD

#BBADB4

Triadic

#BBADB4

#B4BBAD

#ADB4BB

Split Complementary

#BBADB4

#ADBBAD

#ADBBBB

Tetradic

#BBADB4

#BBBBAD

#ADBBB4

#ADADBB

Color Blindness Simulation

Original

#BBADB4

Protanopia

#B5B5B2

Deuteranopia

#B6B7B2

Tritanopia

#BAB1B1

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DB
300
#C7BCC2
400
#A998A1
500
#8B7480
600
#6F5D66
700
#594A52
800
#463A40
900
#352C30
950
#211C1F

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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