#B7873D

#B7873D

Color Values

HEX

#B7873D

RGB

183, 135, 61

HSL

36.4, 50.0%, 47.8%

HSV

36.4, 66.7%, 71.8%

CMYK

0.0%, 26.2%, 66.7%, 28.2%

OKLCH

0.6561 0.108 75.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B7873D

#3D6DB7

Analogous

#B74A3D

#AAB73D

#B7873D

Triadic

#B7873D

#3DB787

#873DB7

Split Complementary

#B7873D

#3DAAB7

#4A3DB7

Tetradic

#B7873D

#3DB74A

#3D6DB7

#B73DAA

Color Blindness Simulation

Original

#B7873D

Protanopia

#A2A24F

Deuteranopia

#A5A953

Tritanopia

#B55D60

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFC9
300
#E0C8A3
400
#D0AB71
500
#BF8D40
600
#997133
700
#7A5A29
800
#604720
900
#46351B
950
#2C2211

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026