#B77B42

#B77B42

Color Values

HEX

#B77B42

RGB

183, 123, 66

HSL

29.2, 47.0%, 48.8%

HSV

29.2, 63.9%, 71.8%

CMYK

0.0%, 32.8%, 63.9%, 28.2%

OKLCH

0.6334 0.1047 62.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B77B42

#427EB7

Analogous

#B74244

#B7B542

#B77B42

Triadic

#B77B42

#42B77B

#7B42B7

Split Complementary

#B77B42

#42B7B5

#4244B7

Tetradic

#B77B42

#44B742

#427EB7

#B542B7

Color Blindness Simulation

Original

#B77B42

Protanopia

#9D9C50

Deuteranopia

#A0A553

Tritanopia

#B45B5D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCB
300
#DFC1A5
400
#CD9F74
500
#BB7E44
600
#966536
700
#78512B
800
#5E3F22
900
#45301C
950
#2C1E12

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026