#B05686

#B05686

Color Values

HEX

#B05686

RGB

176, 86, 134

HSL

328.0, 36.3%, 51.4%

HSV

328.0, 51.1%, 69.0%

CMYK

0.0%, 51.1%, 23.9%, 31.0%

OKLCH

0.5774 0.1299 348.7

Properties

Warm Dark Nearest: hotpink 3

Color Harmonies

Complementary

#B05686

#56B080

Analogous

#AD56B0

#B05659

#B05686

Triadic

#B05686

#86B056

#5686B0

Split Complementary

#B05686

#59B056

#56B0AD

Tetradic

#B05686

#B0AD56

#56B080

#5659B0

Color Blindness Simulation

Original

#B05686

Protanopia

#89887A

Deuteranopia

#8E9578

Tritanopia

#AC716F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CEDC
300
#D8ACC3
400
#C37EA3
500
#AE5183
600
#8B4168
700
#6F3454
800
#572941
900
#402132
950
#29151F

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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