#B64816

#B64816

Color Values

HEX

#B64816

RGB

182, 72, 22

HSL

18.8, 78.4%, 40.0%

HSV

18.8, 87.9%, 71.4%

CMYK

0.0%, 60.4%, 87.9%, 28.6%

OKLCH

0.543 0.1542 41.3

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#B64816

#1684B6

Analogous

#B61634

#B69816

#B64816

Triadic

#B64816

#16B648

#4816B6

Split Complementary

#B64816

#16B698

#1634B6

Tetradic

#B64816

#34B616

#1684B6

#9816B6

Color Blindness Simulation

Original

#B64816

Protanopia

#868522

Deuteranopia

#8D9525

Tritanopia

#B02C2E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF5F2
100
#F9E9E1
200
#F7D1BF
300
#F2B092
400
#EB8557
500
#E35A1C
600
#B64816
700
#923A12
800
#722D0E
900
#53240E
950
#341709

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

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