#B0A161

#B0A161

Color Values

HEX

#B0A161

RGB

176, 161, 97

HSL

48.6, 33.3%, 53.5%

HSV

48.6, 44.9%, 69.0%

CMYK

0.0%, 8.5%, 44.9%, 31.0%

OKLCH

0.7074 0.0858 96.5

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#B0A161

#6170B0

Analogous

#B07961

#97B061

#B0A161

Triadic

#B0A161

#61B0A1

#A161B0

Split Complementary

#B0A161

#6197B0

#7961B0

Tetradic

#B0A161

#61B079

#6170B0

#B06197

Color Blindness Simulation

Original

#B0A161

Protanopia

#AAA970

Deuteranopia

#AAAC74

Tritanopia

#AF7D7F

Achromatopsia

#A0A0A0

CSS Usage

background-color: #B0A161;
color: #B0A161;
border-color: #B0A161;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F2F0E8
200
#E7E3CF
300
#D6CEAD
400
#C0B481
500
#AA9A55
600
#887B44
700
#6D6236
800
#554D2B
900
#3F3922
950
#282415

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026