#B1AF96

#B1AF96

Color Values

HEX

#B1AF96

RGB

177, 175, 150

HSL

55.6, 14.8%, 64.1%

HSV

55.6, 15.3%, 69.4%

CMYK

0.0%, 1.1%, 15.3%, 30.6%

OKLCH

0.7488 0.0348 103.4

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B1AF96

#9698B1

Analogous

#B1A196

#A5B196

#B1AF96

Triadic

#B1AF96

#96B1AF

#AF96B1

Split Complementary

#B1AF96

#96A5B1

#A196B1

Tetradic

#B1AF96

#96B1A1

#9698B1

#B196A5

Color Blindness Simulation

Original

#B1AF96

Protanopia

#B0B09C

Deuteranopia

#B0B09E

Tritanopia

#B1A1A2

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E1E0D6
300
#CBCAB9
400
#AFAD93
500
#92906D
600
#757357
700
#5E5C46
800
#494836
900
#37362A
950
#23221B

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026