#B9AF89

#B9AF89

Color Values

HEX

#B9AF89

RGB

185, 175, 137

HSL

47.5, 25.5%, 63.1%

HSV

47.5, 25.9%, 72.5%

CMYK

0.0%, 5.4%, 25.9%, 27.5%

OKLCH

0.7526 0.053 95.1

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#B9AF89

#8993B9

Analogous

#B99789

#ABB989

#B9AF89

Triadic

#B9AF89

#89B9AF

#AF89B9

Split Complementary

#B9AF89

#89ABB9

#9789B9

Tetradic

#B9AF89

#89B997

#8993B9

#B989AB

Color Blindness Simulation

Original

#B9AF89

Protanopia

#B5B592

Deuteranopia

#B5B694

Tritanopia

#B8999B

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4E1D2
300
#D1CBB2
400
#B9AF89
500
#A0925F
600
#80754C
700
#665E3D
800
#50492F
900
#3C3725
950
#262318

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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