#B0C7C4

#B0C7C4

Color Values

HEX

#B0C7C4

RGB

176, 199, 196

HSL

172.2, 17.0%, 73.5%

HSV

172.2, 11.6%, 78.0%

CMYK

11.6%, 0.0%, 1.5%, 22.0%

OKLCH

0.8115 0.0253 187.2

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B0C7C4

#C7B0B3

Analogous

#B0C7B8

#B0BEC7

#B0C7C4

Triadic

#B0C7C4

#C4B0C7

#C7C4B0

Split Complementary

#B0C7C4

#C7B0BE

#C7B8B0

Tetradic

#B0C7C4

#B8B0C7

#C7B0B3

#BEC7B0

Color Blindness Simulation

Original

#B0C7C4

Protanopia

#BABAC5

Deuteranopia

#B9B7C5

Tritanopia

#B1C5C5

Achromatopsia

#C2C2C2

CSS Usage

background-color: #B0C7C4;
color: #B0C7C4;
border-color: #B0C7C4;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E1E0
300
#B7CCC9
400
#91B1AD
500
#6A9590
600
#557773
700
#445F5C
800
#354B48
900
#293836
950
#1A2322

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