#B86366

#B86366

Color Values

HEX

#B86366

RGB

184, 99, 102

HSL

357.9, 37.4%, 55.5%

HSV

357.9, 46.2%, 72.2%

CMYK

0.0%, 46.2%, 44.6%, 27.8%

OKLCH

0.5987 0.1095 18.7

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B86366

#63B8B5

Analogous

#B86390

#B88B63

#B86366

Triadic

#B86366

#66B863

#6366B8

Split Complementary

#B86366

#63B88B

#6390B8

Tetradic

#B86366

#90B863

#63B8B5

#8B63B8

Color Blindness Simulation

Original

#B86366

Protanopia

#939265

Deuteranopia

#989E65

Tritanopia

#B46565

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CECF
300
#D9ABAD
400
#C47D80
500
#AF5053
600
#8C4043
700
#703335
800
#58282A
900
#412021
950
#291415

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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