#BBAFA3

#BBAFA3

Color Values

HEX

#BBAFA3

RGB

187, 175, 163

HSL

30.0, 15.0%, 68.6%

HSV

30.0, 12.8%, 73.3%

CMYK

0.0%, 6.4%, 12.8%, 26.7%

OKLCH

0.7607 0.0218 67.5

Properties

Warm Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BBAFA3

#A3AFBB

Analogous

#BBA3A3

#BBBBA3

#BBAFA3

Triadic

#BBAFA3

#A3BBAF

#AFA3BB

Split Complementary

#BBAFA3

#A3BBBB

#A3A3BB

Tetradic

#BBAFA3

#A3BBA3

#A3AFBB

#BBA3BB

Color Blindness Simulation

Original

#BBAFA3

Protanopia

#B6B6A6

Deuteranopia

#B6B7A7

Tritanopia

#BAA8A9

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DBD6
300
#CBC2B9
400
#AFA192
500
#93806C
600
#756657
700
#5E5245
800
#494036
900
#37302A
950
#231F1A

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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