#B64316

#B64316

Color Values

HEX

#B64316

RGB

182, 67, 22

HSL

16.9, 78.4%, 40.0%

HSV

16.9, 87.9%, 71.4%

CMYK

0.0%, 63.2%, 87.9%, 28.6%

OKLCH

0.5364 0.1586 39.1

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#B64316

#1689B6

Analogous

#B61639

#B69316

#B64316

Triadic

#B64316

#16B643

#4316B6

Split Complementary

#B64316

#16B693

#1639B6

Tetradic

#B64316

#39B616

#1689B6

#9316B6

Color Blindness Simulation

Original

#B64316

Protanopia

#848321

Deuteranopia

#8B9424

Tritanopia

#B0292B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FCF5F2
100
#F9E8E1
200
#F7CFBF
300
#F2AD92
400
#EB8057
500
#E3541C
600
#B64316
700
#923612
800
#722A0E
900
#53220E
950
#341509

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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