#B0BFD4

#B0BFD4

Color Values

HEX

#B0BFD4

RGB

176, 191, 212

HSL

215.0, 29.5%, 76.1%

HSV

215.0, 17.0%, 83.1%

CMYK

17.0%, 9.9%, 0.0%, 16.9%

OKLCH

0.7998 0.0341 256.8

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B0BFD4

#D4C5B0

Analogous

#B0D1D4

#B3B0D4

#B0BFD4

Triadic

#B0BFD4

#D4B0BF

#BFD4B0

Split Complementary

#B0BFD4

#D4B3B0

#D1D4B0

Tetradic

#B0BFD4

#D4B0D1

#D4C5B0

#B0D4B3

Color Blindness Simulation

Original

#B0BFD4

Protanopia

#B6B7CF

Deuteranopia

#B6B4CE

Tritanopia

#B1CBCA

Achromatopsia

#BDBDBD

CSS Usage

background-color: #B0BFD4;
color: #B0BFD4;
border-color: #B0BFD4;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1DAE6
300
#B0BFD4
400
#859CBC
500
#5A79A5
600
#486184
700
#3A4E6A
800
#2D3D53
900
#242E3D
950
#161D27

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026