#B31983

#B31983

Color Values

HEX

#B31983

RGB

179, 25, 131

HSL

318.7, 75.5%, 40.0%

HSV

318.7, 86.0%, 70.2%

CMYK

0.0%, 86.0%, 26.8%, 29.8%

OKLCH

0.5197 0.2067 345.1

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#B31983

#19B349

Analogous

#9619B3

#B31936

#B31983

Triadic

#B31983

#83B319

#1983B3

Split Complementary

#B31983

#36B319

#19B396

Tetradic

#B31983

#B39619

#19B349

#1936B3

Color Blindness Simulation

Original

#B31983

Protanopia

#706F69

Deuteranopia

#798563

Tritanopia

#AB5551

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF2F9
100
#F9E2F1
200
#F6C0E5
300
#F094D3
400
#E859BB
500
#E01FA4
600
#B31983
700
#8F1469
800
#701052
900
#51103D
950
#330A26

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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