#B86F67

#B86F67

Color Values

HEX

#B86F67

RGB

184, 111, 103

HSL

5.9, 36.3%, 56.3%

HSV

5.9, 44.0%, 72.2%

CMYK

0.0%, 39.7%, 44.0%, 27.8%

OKLCH

0.6192 0.0943 26.8

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B86F67

#67B0B8

Analogous

#B86788

#B89867

#B86F67

Triadic

#B86F67

#67B86F

#6F67B8

Split Complementary

#B86F67

#67B898

#6788B8

Tetradic

#B86F67

#88B867

#67B0B8

#9867B8

Color Blindness Simulation

Original

#B86F67

Protanopia

#989869

Deuteranopia

#9DA269

Tritanopia

#B46A6B

Achromatopsia

#7E7E7E

CSS Usage

background-color: #B86F67;
color: #B86F67;
border-color: #B86F67;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E9E8
200
#E8D1CE
300
#D8B0AC
400
#C3857E
500
#AE5A51
600
#8B4841
700
#6F3A34
800
#572D29
900
#402421
950
#291715

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026