#B47845

#B47845

Color Values

HEX

#B47845

RGB

180, 120, 69

HSL

27.6, 44.6%, 48.8%

HSV

27.6, 61.7%, 70.6%

CMYK

0.0%, 33.3%, 61.7%, 29.4%

OKLCH

0.6245 0.1008 59.7

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#B47845

#4581B4

Analogous

#B44549

#B4B045

#B47845

Triadic

#B47845

#45B478

#7845B4

Split Complementary

#B47845

#45B4B0

#4549B4

Tetradic

#B47845

#49B445

#4581B4

#B045B4

Color Blindness Simulation

Original

#B47845

Protanopia

#9A9951

Deuteranopia

#9EA254

Tritanopia

#B15B5D

Achromatopsia

#818181

CSS Usage

background-color: #B47845;
color: #B47845;
border-color: #B47845;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDACB
300
#DDC0A7
400
#CB9D77
500
#B87B47
600
#936239
700
#764F2D
800
#5C3D23
900
#442F1D
950
#2B1E12

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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