#B0C2CC

#B0C2CC

Color Values

HEX

#B0C2CC

RGB

176, 194, 204

HSL

201.4, 21.5%, 74.5%

HSV

201.4, 13.7%, 80.0%

CMYK

13.7%, 4.9%, 0.0%, 20.0%

OKLCH

0.8034 0.0243 231.9

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B0C2CC

#CCBAB0

Analogous

#B0CCC8

#B0B4CC

#B0C2CC

Triadic

#B0C2CC

#CCB0C2

#C2CCB0

Split Complementary

#B0C2CC

#CCB0B4

#CCC8B0

Tetradic

#B0C2CC

#C8B0CC

#CCBAB0

#B4CCB0

Color Blindness Simulation

Original

#B0C2CC

Protanopia

#B8B8CA

Deuteranopia

#B7B5C9

Tritanopia

#B1C8C7

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE3
300
#B5C6CF
400
#8CA6B5
500
#64879B
600
#506C7C
700
#405763
800
#32444D
900
#27333A
950
#192025

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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