#B58142

#B58142

Color Values

HEX

#B58142

RGB

181, 129, 66

HSL

32.9, 46.6%, 48.4%

HSV

32.9, 63.5%, 71.0%

CMYK

0.0%, 28.7%, 63.5%, 29.0%

OKLCH

0.6426 0.1024 69.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B58142

#4276B5

Analogous

#B54742

#AFB542

#B58142

Triadic

#B58142

#42B581

#8142B5

Split Complementary

#B58142

#42AFB5

#4742B5

Tetradic

#B58142

#42B547

#4276B5

#B542AF

Color Blindness Simulation

Original

#B58142

Protanopia

#9E9E51

Deuteranopia

#A2A555

Tritanopia

#B25D60

Achromatopsia

#888888

CSS Usage

background-color: #B58142;
color: #B58142;
border-color: #B58142;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDDCB
300
#DEC5A5
400
#CDA575
500
#BB8544
600
#966B36
700
#78552C
800
#5D4322
900
#45321C
950
#2B2012

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

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