#B97830

#B97830

Color Values

HEX

#B97830

RGB

185, 120, 48

HSL

31.5, 58.8%, 45.7%

HSV

31.5, 74.1%, 72.5%

CMYK

0.0%, 35.1%, 74.1%, 27.5%

OKLCH

0.6282 0.1182 65.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B97830

#3071B9

Analogous

#B93330

#B6B930

#B97830

Triadic

#B97830

#30B978

#7830B9

Split Complementary

#B97830

#30B6B9

#3330B9

Tetradic

#B97830

#30B933

#3071B9

#B930B6

Color Blindness Simulation

Original

#B97830

Protanopia

#9D9C41

Deuteranopia

#A1A646

Tritanopia

#B64F52

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DCC6
300
#E6C49E
400
#D8A369
500
#CA8335
600
#A2692A
700
#825422
800
#65421A
900
#4A3217
950
#2F1F0E

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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