#B4AF89

#B4AF89

Color Values

HEX

#B4AF89

RGB

180, 175, 137

HSL

53.0, 22.3%, 62.2%

HSV

53.0, 23.9%, 70.6%

CMYK

0.0%, 2.8%, 23.9%, 29.4%

OKLCH

0.7483 0.0523 101.3

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B4AF89

#898EB4

Analogous

#B49A89

#A4B489

#B4AF89

Triadic

#B4AF89

#89B4AF

#AF89B4

Split Complementary

#B4AF89

#89A4B4

#9A89B4

Tetradic

#B4AF89

#89B49A

#898EB4

#B489A4

Color Blindness Simulation

Original

#B4AF89

Protanopia

#B2B292

Deuteranopia

#B2B294

Tritanopia

#B4999B

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1F0EA
200
#E3E1D3
300
#CFCCB4
400
#B6B18C
500
#9C9563
600
#7D774F
700
#64603F
800
#4E4B32
900
#3A3827
950
#252318

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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