#B65616

#B65616

Color Values

HEX

#B65616

RGB

182, 86, 22

HSL

24.0, 78.4%, 40.0%

HSV

24.0, 87.9%, 71.4%

CMYK

0.0%, 52.7%, 87.9%, 28.6%

OKLCH

0.5635 0.1429 48.3

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B65616

#1676B6

Analogous

#B61626

#B6A616

#B65616

Triadic

#B65616

#16B656

#5616B6

Split Complementary

#B65616

#16B6A6

#1626B6

Tetradic

#B65616

#26B616

#1676B6

#A616B6

Color Blindness Simulation

Original

#B65616

Protanopia

#8C8C25

Deuteranopia

#929929

Tritanopia

#B13234

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EBE1
200
#F7D6BF
300
#F2B892
400
#EB9257
500
#E36C1C
600
#B65616
700
#924512
800
#72360E
900
#532A0E
950
#341A09

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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