#B7ABBB

#B7ABBB

Color Values

HEX

#B7ABBB

RGB

183, 171, 187

HSL

285.0, 10.5%, 70.2%

HSV

285.0, 8.6%, 73.3%

CMYK

2.1%, 8.6%, 0.0%, 26.7%

OKLCH

0.7562 0.0262 317.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B7ABBB

#AFBBAB

Analogous

#AFABBB

#BBABB7

#B7ABBB

Triadic

#B7ABBB

#BBB7AB

#ABBBB7

Split Complementary

#B7ABBB

#B7BBAB

#ABBBAF

Tetradic

#B7ABBB

#BBAFAB

#AFBBAB

#ABB7BB

Color Blindness Simulation

Original

#B7ABBB

Protanopia

#B2B2B7

Deuteranopia

#B2B3B6

Tritanopia

#B6B4B3

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C5BBC8
400
#A697AB
500
#86728D
600
#6B5B71
700
#56495A
800
#433946
900
#332C35
950
#201C21

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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