#B04390

#B04390

Color Values

HEX

#B04390

RGB

176, 67, 144

HSL

317.6, 44.9%, 47.6%

HSV

317.6, 61.9%, 69.0%

CMYK

0.0%, 61.9%, 18.2%, 31.0%

OKLCH

0.5562 0.1666 340.9

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#B04390

#43B063

Analogous

#9943B0

#B04359

#B04390

Triadic

#B04390

#90B043

#4390B0

Split Complementary

#B04390

#59B043

#43B099

Tetradic

#B04390

#B09943

#43B063

#4359B0

Color Blindness Simulation

Original

#B04390

Protanopia

#81807D

Deuteranopia

#878F79

Tritanopia

#AB6F6B

Achromatopsia

#606060

CSS Usage

background-color: #B04390;
color: #B04390;
border-color: #B04390;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F9
100
#F4E6F0
200
#EBCBE2
300
#DDA6CD
400
#CB76B2
500
#B94697
600
#943879
700
#762D61
800
#5C234C
900
#441D39
950
#2B1224

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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