#BBAFA8

#BBAFA8

Color Values

HEX

#BBAFA8

RGB

187, 175, 168

HSL

22.1, 12.3%, 69.6%

HSV

22.1, 10.2%, 73.3%

CMYK

0.0%, 6.4%, 10.2%, 26.7%

OKLCH

0.7621 0.017 52.5

Properties

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

Color Harmonies

Complementary

#BBAFA8

#A8B4BB

Analogous

#BBA8AA

#BBB9A8

#BBAFA8

Triadic

#BBAFA8

#A8BBAF

#AFA8BB

Split Complementary

#BBAFA8

#A8BBB9

#A8AABB

Tetradic

#BBAFA8

#AABBA8

#A8B4BB

#B9A8BB

Color Blindness Simulation

Original

#BBAFA8

Protanopia

#B6B6AA

Deuteranopia

#B6B7AA

Tritanopia

#BAABAB

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DAD7
300
#C9C0BA
400
#AC9E95
500
#8F7B70
600
#736359
700
#5C4F48
800
#483E38
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.81: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