#BBC5BD

#BBC5BD

Color Values

HEX

#BBC5BD

RGB

187, 197, 189

HSL

132.0, 7.9%, 75.3%

HSV

132.0, 5.1%, 77.3%

CMYK

5.1%, 0.0%, 4.1%, 22.7%

OKLCH

0.8134 0.0156 151.7

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BBC5BD

#C5BBC3

Analogous

#BEC5BB

#BBC5C2

#BBC5BD

Triadic

#BBC5BD

#BDBBC5

#C5BDBB

Split Complementary

#BBC5BD

#C2BBC5

#C5BBBE

Tetradic

#BBC5BD

#BBBEC5

#C5BBC3

#C5C2BB

Color Blindness Simulation

Original

#BBC5BD

Protanopia

#BFBFBF

Deuteranopia

#BFBEBF

Tritanopia

#BCC0C1

Achromatopsia

#C2C2C2

CSS Usage

background-color: #BBC5BD;
color: #BBC5BD;
border-color: #BBC5BD;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D8DEDA
300
#BDC7BF
400
#99A89C
500
#758A79
600
#5E6E61
700
#4B584E
800
#3B453D
900
#2D342E
950
#1C211D

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026