#B61686

#B61686

Color Values

HEX

#B61686

RGB

182, 22, 134

HSL

318.0, 78.4%, 40.0%

HSV

318.0, 87.9%, 71.4%

CMYK

0.0%, 87.9%, 26.4%, 28.6%

OKLCH

0.5248 0.2119 344.7

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#B61686

#16B646

Analogous

#9616B6

#B61636

#B61686

Triadic

#B61686

#86B616

#1686B6

Split Complementary

#B61686

#36B616

#16B696

Tetradic

#B61686

#B69616

#16B646

#1636B6

Color Blindness Simulation

Original

#B61686

Protanopia

#716F6B

Deuteranopia

#7A8664

Tritanopia

#AE5551

Achromatopsia

#404040

CSS Usage

background-color: #B61686;
color: #B61686;
border-color: #B61686;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF2F9
100
#F9E1F2
200
#F7BFE6
300
#F292D5
400
#EB57BE
500
#E31CA7
600
#B61686
700
#92126B
800
#720E54
900
#530E3E
950
#340927

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

3.45:1

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