#B03476

#B03476

Color Values

HEX

#B03476

RGB

176, 52, 118

HSL

328.1, 54.4%, 44.7%

HSV

328.1, 70.5%, 69.0%

CMYK

0.0%, 70.5%, 33.0%, 31.0%

OKLCH

0.5292 0.1716 351.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#B03476

#34B06E

Analogous

#AC34B0

#B03438

#B03476

Triadic

#B03476

#76B034

#3476B0

Split Complementary

#B03476

#38B034

#34B0AC

Tetradic

#B03476

#B0AC34

#34B06E

#3438B0

Color Blindness Simulation

Original

#B03476

Protanopia

#7A7966

Deuteranopia

#828B62

Tritanopia

#AA5957

Achromatopsia

#535353

CSS Usage

background-color: #B03476;
color: #B03476;
border-color: #B03476;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EFC8DD
300
#E3A1C4
400
#D46DA4
500
#C53A84
600
#9D2F6A
700
#7E2554
800
#621D42
900
#481932
950
#2E1020

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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