#B86167

#B86167

Color Values

HEX

#B86167

RGB

184, 97, 103

HSL

355.9, 38.0%, 55.1%

HSV

355.9, 47.3%, 72.2%

CMYK

0.0%, 47.3%, 44.0%, 27.8%

OKLCH

0.5958 0.1121 16.7

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B86167

#61B8B2

Analogous

#B86192

#B88761

#B86167

Triadic

#B86167

#67B861

#6167B8

Split Complementary

#B86167

#61B887

#6192B8

Tetradic

#B86167

#92B861

#61B8B2

#8761B8

Color Blindness Simulation

Original

#B86167

Protanopia

#929266

Deuteranopia

#979E65

Tritanopia

#B46464

Achromatopsia

#747474

CSS Usage

background-color: #B86167;
color: #B86167;
border-color: #B86167;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CED0
300
#D9ABAE
400
#C57D82
500
#B04F56
600
#8D3F45
700
#713337
800
#58282B
900
#412022
950
#291416

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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