#B65816

#B65816

Color Values

HEX

#B65816

RGB

182, 88, 22

HSL

24.8, 78.4%, 40.0%

HSV

24.8, 87.9%, 71.4%

CMYK

0.0%, 51.6%, 87.9%, 28.6%

OKLCH

0.5666 0.1414 49.5

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B65816

#1674B6

Analogous

#B61624

#B6A816

#B65816

Triadic

#B65816

#16B658

#5816B6

Split Complementary

#B65816

#16B6A8

#1624B6

Tetradic

#B65816

#24B616

#1674B6

#A816B6

Color Blindness Simulation

Original

#B65816

Protanopia

#8D8C26

Deuteranopia

#939A2A

Tritanopia

#B13335

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EBE1
200
#F7D6BF
300
#F2B992
400
#EB9457
500
#E36E1C
600
#B65816
700
#924712
800
#72370E
900
#532B0E
950
#341B09

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail 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