#B61676

#B61676

Color Values

HEX

#B61676

RGB

182, 22, 118

HSL

324.0, 78.4%, 40.0%

HSV

324.0, 87.9%, 71.4%

CMYK

0.0%, 87.9%, 35.2%, 28.6%

OKLCH

0.518 0.2037 351.2

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#B61676

#16B656

Analogous

#A616B6

#B61626

#B61676

Triadic

#B61676

#76B616

#1676B6

Split Complementary

#B61676

#26B616

#16B6A6

Tetradic

#B61676

#B6A616

#16B656

#1626B6

Color Blindness Simulation

Original

#B61676

Protanopia

#716F5F

Deuteranopia

#7A8659

Tritanopia

#AE4C48

Achromatopsia

#3F3F3F

CSS Usage

background-color: #B61676;
color: #B61676;
border-color: #B61676;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF2F8
100
#F9E1F0
200
#F7BFE1
300
#F292CB
400
#EB57AF
500
#E31C93
600
#B61676
700
#92125E
800
#720E4A
900
#530E37
950
#340923

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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