#BBC2AF

#BBC2AF

Color Values

HEX

#BBC2AF

RGB

187, 194, 175

HSL

82.1, 13.5%, 72.4%

HSV

82.1, 9.8%, 76.1%

CMYK

3.6%, 0.0%, 9.8%, 23.9%

OKLCH

0.8033 0.0273 123.5

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BBC2AF

#B6AFC2

Analogous

#C2C0AF

#B2C2AF

#BBC2AF

Triadic

#BBC2AF

#AFBBC2

#C2AFBB

Split Complementary

#BBC2AF

#AFB2C2

#C0AFC2

Tetradic

#BBC2AF

#AFC2C0

#B6AFC2

#C2AFB2

Color Blindness Simulation

Original

#BBC2AF

Protanopia

#BEBEB4

Deuteranopia

#BEBDB5

Tritanopia

#BBB7B8

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D6
300
#C4CABA
400
#A4AD94
500
#84916E
600
#6A7458
700
#555D47
800
#424837
900
#32362B
950
#20221B

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026