#B5ABB9

#B5ABB9

Color Values

HEX

#B5ABB9

RGB

181, 171, 185

HSL

282.9, 9.1%, 69.8%

HSV

282.9, 7.6%, 72.5%

CMYK

2.2%, 7.6%, 0.0%, 27.5%

OKLCH

0.7539 0.0227 316.4

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B5ABB9

#AFB9AB

Analogous

#AEABB9

#B9ABB6

#B5ABB9

Triadic

#B5ABB9

#B9B5AB

#ABB9B5

Split Complementary

#B5ABB9

#B6B9AB

#ABB9AE

Tetradic

#B5ABB9

#B9AEAB

#AFB9AB

#ABB6B9

Color Blindness Simulation

Original

#B5ABB9

Protanopia

#B1B1B6

Deuteranopia

#B1B2B5

Tritanopia

#B4B3B2

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C4BCC7
400
#A498A9
500
#84748B
600
#6A5D6F
700
#554A59
800
#423A46
900
#322C34
950
#201C21

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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