#B67820

#B67820

Color Values

HEX

#B67820

RGB

182, 120, 32

HSL

35.2, 70.1%, 42.0%

HSV

35.2, 82.4%, 71.4%

CMYK

0.0%, 34.1%, 82.4%, 28.6%

OKLCH

0.6233 0.1238 70.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B67820

#205EB6

Analogous

#B62D20

#A9B620

#B67820

Triadic

#B67820

#20B678

#7820B6

Split Complementary

#B67820

#20A9B6

#2D20B6

Tetradic

#B67820

#20B62D

#205EB6

#B620A9

Color Blindness Simulation

Original

#B67820

Protanopia

#9B9B35

Deuteranopia

#9FA33A

Tritanopia

#B3464A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E0C2
300
#EDC997
400
#E3AC5F
500
#D98F26
600
#AE721E
700
#8B5C18
800
#6C4713
900
#4F3612
950
#32220B

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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