#B0C4D2

#B0C4D2

Color Values

HEX

#B0C4D2

RGB

176, 196, 210

HSL

204.7, 27.4%, 75.7%

HSV

204.7, 16.2%, 82.4%

CMYK

16.2%, 6.7%, 0.0%, 17.6%

OKLCH

0.8096 0.0295 238.3

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B0C4D2

#D2BEB0

Analogous

#B0D2CF

#B0B3D2

#B0C4D2

Triadic

#B0C4D2

#D2B0C4

#C4D2B0

Split Complementary

#B0C4D2

#D2B0B3

#D2CFB0

Tetradic

#B0C4D2

#CFB0D2

#D2BEB0

#B3D2B0

Color Blindness Simulation

Original

#B0C4D2

Protanopia

#B9B9CF

Deuteranopia

#B8B6CE

Tritanopia

#B1CCCB

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B1C5D3
400
#87A5BB
500
#5D86A2
600
#4A6B82
700
#3B5668
800
#2E4351
900
#25333C
950
#172026

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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