#B2BAD1

#B2BAD1

Color Values

HEX

#B2BAD1

RGB

178, 186, 209

HSL

224.5, 25.2%, 75.9%

HSV

224.5, 14.8%, 82.0%

CMYK

14.8%, 11.0%, 0.0%, 18.0%

OKLCH

0.79 0.0338 270.4

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B2BAD1

#D1C9B2

Analogous

#B2CAD1

#BAB2D1

#B2BAD1

Triadic

#B2BAD1

#D1B2BA

#BAD1B2

Split Complementary

#B2BAD1

#D1BAB2

#CAD1B2

Tetradic

#B2BAD1

#D1B2CA

#D1C9B2

#B2D1BA

Color Blindness Simulation

Original

#B2BAD1

Protanopia

#B5B6CB

Deuteranopia

#B5B4CA

Tritanopia

#B2C7C6

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D2D7E4
300
#B2BAD1
400
#8995B8
500
#5F70A0
600
#4C5A80
700
#3D4866
800
#303850
900
#252B3B
950
#181B26

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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