#B86C65

#B86C65

Color Values

HEX

#B86C65

RGB

184, 108, 101

HSL

5.1, 36.9%, 55.9%

HSV

5.1, 45.1%, 72.2%

CMYK

0.0%, 41.3%, 45.1%, 27.8%

OKLCH

0.6136 0.0982 25.9

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B86C65

#65B1B8

Analogous

#B86587

#B89665

#B86C65

Triadic

#B86C65

#65B86C

#6C65B8

Split Complementary

#B86C65

#65B896

#6587B8

Tetradic

#B86C65

#87B865

#65B1B8

#9665B8

Color Blindness Simulation

Original

#B86C65

Protanopia

#979667

Deuteranopia

#9CA167

Tritanopia

#B46868

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E8
200
#E8D0CE
300
#D8AFAB
400
#C3847E
500
#AF5850
600
#8C4740
700
#703933
800
#572C28
900
#412320
950
#291614

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026