#B34083

#B34083

Color Values

HEX

#B34083

RGB

179, 64, 131

HSL

325.0, 47.3%, 47.6%

HSV

325.0, 64.2%, 70.2%

CMYK

0.0%, 64.2%, 26.8%, 29.8%

OKLCH

0.5518 0.165 347.9

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#B34083

#40B370

Analogous

#A940B3

#B3404A

#B34083

Triadic

#B34083

#83B340

#4083B3

Split Complementary

#B34083

#4AB340

#40B3A9

Tetradic

#B34083

#B3A940

#40B370

#404AB3

Color Blindness Simulation

Original

#B34083

Protanopia

#818073

Deuteranopia

#88906F

Tritanopia

#AD6663

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADE
300
#DFA5C7
400
#CD74A8
500
#BC438A
600
#96366E
700
#782B58
800
#5E2245
900
#451C34
950
#2C1221

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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