#B76312

#B76312

Color Values

HEX

#B76312

RGB

183, 99, 18

HSL

29.5, 82.1%, 39.4%

HSV

29.5, 90.2%, 71.8%

CMYK

0.0%, 45.9%, 90.2%, 28.2%

OKLCH

0.5859 0.1363 56.6

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B76312

#1266B7

Analogous

#B71213

#B7B612

#B76312

Triadic

#B76312

#12B763

#6312B7

Split Complementary

#B76312

#12B7B6

#1213B7

Tetradic

#B76312

#13B712

#1266B7

#B612B7

Color Blindness Simulation

Original

#B76312

Protanopia

#939226

Deuteranopia

#989E2A

Tritanopia

#B33538

Achromatopsia

#6F6F6F

CSS Usage

background-color: #B76312;
color: #B76312;
border-color: #B76312;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DBBE
300
#F4C190
400
#EE9F53
500
#E87E17
600
#BA6512
700
#95500F
800
#743F0B
900
#54300D
950
#351E08

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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