#BBB1AF

#BBB1AF

Color Values

HEX

#BBB1AF

RGB

187, 177, 175

HSL

10.0, 8.1%, 71.0%

HSV

10.0, 6.4%, 73.3%

CMYK

0.0%, 5.3%, 6.4%, 26.7%

OKLCH

0.7681 0.0118 31.1

Properties

Warm Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#BBB1AF

#AFB9BB

Analogous

#BBAFB3

#BBB7AF

#BBB1AF

Triadic

#BBB1AF

#AFBBB1

#B1AFBB

Split Complementary

#BBB1AF

#AFBBB7

#AFB3BB

Tetradic

#BBB1AF

#B3BBAF

#AFB9BB

#B7AFBB

Color Blindness Simulation

Original

#BBB1AF

Protanopia

#B7B7AF

Deuteranopia

#B7B8B0

Tritanopia

#BAB0B0

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BBB1AF;
color: #BBB1AF;
border-color: #BBB1AF;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D8
300
#C7BEBD
400
#A89C99
500
#8A7975
600
#6E605E
700
#584D4B
800
#453C3B
900
#342E2D
950
#211D1C

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026