#B2C5D2

#B2C5D2

Color Values

HEX

#B2C5D2

RGB

178, 197, 210

HSL

204.4, 26.2%, 76.1%

HSV

204.4, 15.2%, 82.4%

CMYK

15.2%, 6.2%, 0.0%, 17.6%

OKLCH

0.8131 0.0277 237.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B2C5D2

#D2BFB2

Analogous

#B2D2CF

#B2B5D2

#B2C5D2

Triadic

#B2C5D2

#D2B2C5

#C5D2B2

Split Complementary

#B2C5D2

#D2B2B5

#D2CFB2

Tetradic

#B2C5D2

#CFB2D2

#D2BFB2

#B5D2B2

Color Blindness Simulation

Original

#B2C5D2

Protanopia

#BABACF

Deuteranopia

#B9B8CE

Tritanopia

#B3CCCC

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B2C5D2
400
#88A5B9
500
#5E86A1
600
#4B6B81
700
#3C5667
800
#2F4350
900
#25333C
950
#172026

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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