#B86796

#B86796

Color Values

HEX

#B86796

RGB

184, 103, 150

HSL

325.2, 36.3%, 56.3%

HSV

325.2, 44.0%, 72.2%

CMYK

0.0%, 44.0%, 18.5%, 27.8%

OKLCH

0.6199 0.1186 345.3

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#B86796

#67B889

Analogous

#B267B8

#B8676E

#B86796

Triadic

#B86796

#96B867

#6796B8

Split Complementary

#B86796

#6EB867

#67B8B2

Tetradic

#B86796

#B8B267

#67B889

#676EB8

Color Blindness Simulation

Original

#B86796

Protanopia

#95948B

Deuteranopia

#9AA088

Tritanopia

#B48280

Achromatopsia

#7C7C7C

CSS Usage

background-color: #B86796;
color: #B86796;
border-color: #B86796;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CEDD
300
#D8ACC5
400
#C37EA6
500
#AE5187
600
#8B416C
700
#6F3456
800
#572943
900
#402133
950
#291520

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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