#B64716

#B64716

Color Values

HEX

#B64716

RGB

182, 71, 22

HSL

18.4, 78.4%, 40.0%

HSV

18.4, 87.9%, 71.4%

CMYK

0.0%, 61.0%, 87.9%, 28.6%

OKLCH

0.5416 0.1551 40.8

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#B64716

#1685B6

Analogous

#B61635

#B69716

#B64716

Triadic

#B64716

#16B647

#4716B6

Split Complementary

#B64716

#16B697

#1635B6

Tetradic

#B64716

#35B616

#1685B6

#9716B6

Color Blindness Simulation

Original

#B64716

Protanopia

#868522

Deuteranopia

#8C9525

Tritanopia

#B02B2D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #B64716;
color: #B64716;
border-color: #B64716;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FCF5F2
100
#F9E9E1
200
#F7D0BF
300
#F2AF92
400
#EB8457
500
#E3591C
600
#B64716
700
#923912
800
#722C0E
900
#53230E
950
#341609

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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