#B47745

#B47745

Color Values

HEX

#B47745

RGB

180, 119, 69

HSL

27.0, 44.6%, 48.8%

HSV

27.0, 61.7%, 70.6%

CMYK

0.0%, 33.9%, 61.7%, 29.4%

OKLCH

0.6226 0.1011 58.7

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#B47745

#4582B4

Analogous

#B4454A

#B4AE45

#B47745

Triadic

#B47745

#45B477

#7745B4

Split Complementary

#B47745

#45B4AE

#454AB4

Tetradic

#B47745

#4AB445

#4582B4

#AE45B4

Color Blindness Simulation

Original

#B47745

Protanopia

#9A9951

Deuteranopia

#9DA254

Tritanopia

#B15B5D

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBDACB
300
#DDBFA7
400
#CB9C77
500
#B87A47
600
#936139
700
#764E2D
800
#5C3D23
900
#442F1D
950
#2B1D12

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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