#B87337

#B87337

Color Values

HEX

#B87337

RGB

184, 115, 55

HSL

27.9, 54.0%, 46.9%

HSV

27.9, 70.1%, 72.2%

CMYK

0.0%, 37.5%, 70.1%, 27.8%

OKLCH

0.6184 0.1149 59.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B87337

#377CB8

Analogous

#B8373C

#B8B437

#B87337

Triadic

#B87337

#37B873

#7337B8

Split Complementary

#B87337

#37B8B4

#373CB8

Tetradic

#B87337

#3CB837

#377CB8

#B437B8

Color Blindness Simulation

Original

#B87337

Protanopia

#9A9A46

Deuteranopia

#9EA349

Tritanopia

#B55154

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDAC8
300
#E3BFA1
400
#D49D6E
500
#C47B3B
600
#9D622F
700
#7E4F26
800
#623D1D
900
#482F19
950
#2D1E10

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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