#B35607

#B35607

Color Values

HEX

#B35607

RGB

179, 86, 7

HSL

27.6, 92.5%, 36.5%

HSV

27.6, 96.1%, 70.2%

CMYK

0.0%, 52.0%, 96.1%, 29.8%

OKLCH

0.5584 0.1427 51.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B35607

#0764B3

Analogous

#B3070E

#B3AC07

#B35607

Triadic

#B35607

#07B356

#5607B3

Split Complementary

#B35607

#07B3AC

#070EB3

Tetradic

#B35607

#0EB307

#0764B3

#AC07B3

Color Blindness Simulation

Original

#B35607

Protanopia

#8B8A1A

Deuteranopia

#90971F

Tritanopia

#AE292D

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD9BA
300
#FABD89
400
#F89A49
500
#F5760A
600
#C45E08
700
#9D4C06
800
#7B3B05
900
#592D08
950
#381D05

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026