#BBC3C8

#BBC3C8

Color Values

HEX

#BBC3C8

RGB

187, 195, 200

HSL

203,1, 10,6%, 75,9%

HSV

203,1, 6,5%, 78,4%

CMYK

6,5%, 2,5%, 0,0%, 21,6%

OKLCH

0,8124 0,0113 234,9

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#BBC3C8

#C8C0BB

Analogous

#BBC8C7

#BBBDC8

#BBC3C8

Triadic

#BBC3C8

#C8BBC3

#C3C8BB

Split Complementary

#BBC3C8

#C8BBBD

#C8C7BB

Tetradic

#BBC3C8

#C7BBC8

#C8C0BB

#BDC8BB

Color Blindness Simulation

Original

#BBC3C8

Protanopia

#BEBFC7

Deuteranopia

#BEBDC6

Tritanopia

#BBC6C6

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DCDF
300
#BBC3C8
400
#97A3AB
500
#72838D
600
#5B6871
700
#49545A
800
#394147
900
#2C3235
950
#1C1F22

Contrast Checker

Text on white

1,79:1

AA Fail AAA Fail

Text on black

11,75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026