#B4BABF

#B4BABF

Color Values

HEX

#B4BABF

RGB

180, 186, 191

HSL

207.3, 7.9%, 72.7%

HSV

207.3, 5.8%, 74.9%

CMYK

5.8%, 2.6%, 0.0%, 25.1%

OKLCH

0.7857 0.0098 242.9

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#B4BABF

#BFB9B4

Analogous

#B4BFBE

#B4B4BF

#B4BABF

Triadic

#B4BABF

#BFB4BA

#BABFB4

Split Complementary

#B4BABF

#BFB4B4

#BFBEB4

Tetradic

#B4BABF

#BEB4BF

#BFB9B4

#B4BFB4

Color Blindness Simulation

Original

#B4BABF

Protanopia

#B7B7BE

Deuteranopia

#B6B6BE

Tritanopia

#B4BDBD

Achromatopsia

#B9B9B9

CSS Usage

background-color: #B4BABF;
color: #B4BABF;
border-color: #B4BABF;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D8DCDE
300
#BDC2C7
400
#99A1A8
500
#75808A
600
#5E676E
700
#4B5258
800
#3B4045
900
#2D3134
950
#1C1F21

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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