#B5A784

#B5A784

Color Values

HEX

#B5A784

RGB

181, 167, 132

HSL

42.9, 24.9%, 61.4%

HSV

42.9, 27.1%, 71.0%

CMYK

0.0%, 7.7%, 27.1%, 29.0%

OKLCH

0.7313 0.0507 88.8

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#B5A784

#8492B5

Analogous

#B58F84

#ABB584

#B5A784

Triadic

#B5A784

#84B5A7

#A784B5

Split Complementary

#B5A784

#84ABB5

#8F84B5

Tetradic

#B5A784

#84B58F

#8492B5

#B584AB

Color Blindness Simulation

Original

#B5A784

Protanopia

#AFAF8C

Deuteranopia

#B0B18E

Tritanopia

#B49395

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4DFD2
300
#D1C8B3
400
#B8AB89
500
#9F8D60
600
#7F714D
700
#665A3D
800
#504730
900
#3B3526
950
#252218

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026