#B0BAC5

#B0BAC5

Color Values

HEX

#B0BAC5

RGB

176, 186, 197

HSL

211.4, 15.3%, 73.1%

HSV

211.4, 10.7%, 77.3%

CMYK

10.7%, 5.6%, 0.0%, 22.7%

OKLCH

0.7845 0.0192 250.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B0BAC5

#C5BBB0

Analogous

#B0C4C5

#B0B0C5

#B0BAC5

Triadic

#B0BAC5

#C5B0BA

#BAC5B0

Split Complementary

#B0BAC5

#C5B0B0

#C4C5B0

Tetradic

#B0BAC5

#C5B0C4

#C5BBB0

#B0C5B0

Color Blindness Simulation

Original

#B0BAC5

Protanopia

#B4B4C2

Deuteranopia

#B4B3C2

Tritanopia

#B0C0C0

Achromatopsia

#B9B9B9

CSS Usage

background-color: #B0BAC5;
color: #B0BAC5;
border-color: #B0BAC5;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE1
300
#B8C1CB
400
#92A0AF
500
#6C7F93
600
#566576
700
#45515E
800
#363F4A
900
#2A3037
950
#1A1E23

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026