#B63177

#B63177

Color Values

HEX

#B63177

RGB

182, 49, 119

HSL

328.4, 57.6%, 45.3%

HSV

328.4, 73.1%, 71.4%

CMYK

0.0%, 73.1%, 34.6%, 28.6%

OKLCH

0.5365 0.1805 352.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B63177

#31B670

Analogous

#B331B6

#B63135

#B63177

Triadic

#B63177

#77B631

#3177B6

Split Complementary

#B63177

#35B631

#31B6B3

Tetradic

#B63177

#B6B331

#31B670

#3135B6

Color Blindness Simulation

Original

#B63177

Protanopia

#7C7B66

Deuteranopia

#848E62

Tritanopia

#AF5956

Achromatopsia

#525252

CSS Usage

background-color: #B63177;
color: #B63177;
border-color: #B63177;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C7DC
300
#E59FC4
400
#D76AA4
500
#C93683
600
#A12B69
700
#812354
800
#641B42
900
#4A1732
950
#2E0F1F

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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