#B77337

#B77337

Color Values

HEX

#B77337

RGB

183, 115, 55

HSL

28.1, 53.8%, 46.7%

HSV

28.1, 69.9%, 71.8%

CMYK

0.0%, 37.2%, 69.9%, 28.2%

OKLCH

0.6171 0.114 59.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B77337

#377BB7

Analogous

#B7373B

#B7B337

#B77337

Triadic

#B77337

#37B773

#7337B7

Split Complementary

#B77337

#37B7B3

#373BB7

Tetradic

#B77337

#3BB737

#377BB7

#B337B7

Color Blindness Simulation

Original

#B77337

Protanopia

#9A9946

Deuteranopia

#9EA349

Tritanopia

#B45154

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDAC8
300
#E3C0A1
400
#D39D6E
500
#C47B3B
600
#9D632F
700
#7E4F26
800
#623E1D
900
#482F19
950
#2D1E10

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026