#BBC9B7

#BBC9B7

Color Values

HEX

#BBC9B7

RGB

187, 201, 183

HSL

106,7, 14,3%, 75,3%

HSV

106,7, 9,0%, 78,8%

CMYK

7,0%, 0,0%, 9,0%, 21,2%

OKLCH

0,8201 0,0291 138,7

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BBC9B7

#C5B7C9

Analogous

#C4C9B7

#B7C9BC

#BBC9B7

Triadic

#BBC9B7

#B7BBC9

#C9B7BB

Split Complementary

#BBC9B7

#BCB7C9

#C9B7C4

Tetradic

#BBC9B7

#B7C4C9

#C5B7C9

#C9BCB7

Color Blindness Simulation

Original

#BBC9B7

Protanopia

#C1C1BB

Deuteranopia

#C0BFBC

Tritanopia

#BCBFC0

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D8E0D6
300
#BDCBB9
400
#99AE93
500
#75926D
600
#5E7557
700
#4B5D46
800
#3B4937
900
#2D372A
950
#1C231B

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,15: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