#B0BAD7

#B0BAD7

Color Values

HEX

#B0BAD7

RGB

176, 186, 215

HSL

224.6, 32.8%, 76.7%

HSV

224.6, 18.1%, 84.3%

CMYK

18.1%, 13.5%, 0.0%, 15.7%

OKLCH

0.7906 0.0427 270.4

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B0BAD7

#D7CDB0

Analogous

#B0CED7

#BAB0D7

#B0BAD7

Triadic

#B0BAD7

#D7B0BA

#BAD7B0

Split Complementary

#B0BAD7

#D7BAB0

#CED7B0

Tetradic

#B0BAD7

#D7B0CE

#D7CDB0

#B0D7BA

Color Blindness Simulation

Original

#B0BAD7

Protanopia

#B4B4D0

Deuteranopia

#B4B3CE

Tritanopia

#B0CAC9

Achromatopsia

#BABABA

CSS Usage

background-color: #B0BAD7;
color: #B0BAD7;
border-color: #B0BAD7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB8D6
400
#8292C0
500
#566BA9
600
#455687
700
#37456C
800
#2B3655
900
#22293F
950
#161A28

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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