#B04399

#B04399

Color Values

HEX

#B04399

RGB

176, 67, 153

HSL

312.7, 44.9%, 47.6%

HSV

312.7, 61.9%, 69.0%

CMYK

0.0%, 61.9%, 13.1%, 31.0%

OKLCH

0.5603 0.173 336.8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#B04399

#43B05A

Analogous

#9043B0

#B04362

#B04399

Triadic

#B04399

#99B043

#4399B0

Split Complementary

#B04399

#62B043

#43B090

Tetradic

#B04399

#B09043

#43B05A

#4362B0

Color Blindness Simulation

Original

#B04399

Protanopia

#818084

Deuteranopia

#878F7F

Tritanopia

#AB7470

Achromatopsia

#606060

CSS Usage

background-color: #B04399;
color: #B04399;
border-color: #B04399;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#EBCBE5
300
#DDA6D2
400
#CB76B9
500
#B946A1
600
#943880
700
#762D67
800
#5C2350
900
#441D3C
950
#2B1226

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

4.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026