#B66216

#B66216

Color Values

HEX

#B66216

RGB

182, 98, 22

HSL

28.5, 78.4%, 40.0%

HSV

28.5, 87.9%, 71.4%

CMYK

0.0%, 46.2%, 87.9%, 28.6%

OKLCH

0.583 0.1349 55.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B66216

#166AB6

Analogous

#B6161A

#B6B216

#B66216

Triadic

#B66216

#16B662

#6216B6

Split Complementary

#B66216

#16B6B2

#161AB6

Tetradic

#B66216

#1AB616

#166AB6

#B216B6

Color Blindness Simulation

Original

#B66216

Protanopia

#929128

Deuteranopia

#969D2D

Tritanopia

#B2373A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DABF
300
#F2BF92
400
#EB9D57
500
#E37B1C
600
#B66216
700
#924E12
800
#723D0E
900
#532F0E
950
#341E09

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026