#B04F86

#B04F86

Color Values

HEX

#B04F86

RGB

176, 79, 134

HSL

326.0, 38.0%, 50.0%

HSV

326.0, 55.1%, 69.0%

CMYK

0.0%, 55.1%, 23.9%, 31.0%

OKLCH

0.5675 0.1414 347.4

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#B04F86

#4FB079

Analogous

#A94FB0

#B04F56

#B04F86

Triadic

#B04F86

#86B04F

#4F86B0

Split Complementary

#B04F86

#56B04F

#4FB0A9

Tetradic

#B04F86

#B0A94F

#4FB079

#4F56B0

Color Blindness Simulation

Original

#B04F86

Protanopia

#868579

Deuteranopia

#8C9376

Tritanopia

#AB6E6C

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CEDD
300
#D9ABC5
400
#C57DA5
500
#B04F86
600
#8D3F6B
700
#713356
800
#582843
900
#412033
950
#291420

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail 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