#B86F32

#B86F32

Color Values

HEX

#B86F32

RGB

184, 111, 50

HSL

27.3, 57.3%, 45.9%

HSV

27.3, 72.8%, 72.2%

CMYK

0.0%, 39.7%, 72.8%, 27.8%

OKLCH

0.6106 0.1192 57.5

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B86F32

#327BB8

Analogous

#B83238

#B8B232

#B86F32

Triadic

#B86F32

#32B86F

#6F32B8

Split Complementary

#B86F32

#32B8B2

#3238B8

Tetradic

#B86F32

#38B832

#327BB8

#B232B8

Color Blindness Simulation

Original

#B86F32

Protanopia

#989841

Deuteranopia

#9DA244

Tritanopia

#B44C4F

Achromatopsia

#7A7A7A

CSS Usage

background-color: #B86F32;
color: #B86F32;
border-color: #B86F32;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0D9C7
300
#E5BF9F
400
#D79C6B
500
#C97936
600
#A0612C
700
#804D23
800
#643C1B
900
#492E17
950
#2E1D0F

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026