#BBC4C8

#BBC4C8

Color Values

HEX

#BBC4C8

RGB

187, 196, 200

HSL

198.5, 10.6%, 75.9%

HSV

198.5, 6.5%, 78.4%

CMYK

6.5%, 2.0%, 0.0%, 21.6%

OKLCH

0.8145 0.0114 226.0

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BBC4C8

#C8BFBB

Analogous

#BBC8C6

#BBBEC8

#BBC4C8

Triadic

#BBC4C8

#C8BBC4

#C4C8BB

Split Complementary

#BBC4C8

#C8BBBE

#C8C6BB

Tetradic

#BBC4C8

#C6BBC8

#C8BFBB

#BEC8BB

Color Blindness Simulation

Original

#BBC4C8

Protanopia

#BFBFC7

Deuteranopia

#BEBEC7

Tritanopia

#BBC6C6

Achromatopsia

#C2C2C2

CSS Usage

background-color: #BBC4C8;
color: #BBC4C8;
border-color: #BBC4C8;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DDDF
300
#BBC4C8
400
#97A4AB
500
#72858D
600
#5B6A71
700
#49555A
800
#394247
900
#2C3235
950
#1C2022

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.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