HEX Color #B40A69 (Mediumvioletred)

About #B40A69

Visually, #B40A69 is defined as a vivid magenta. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 180, 10, and 105.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 94% magenta inks. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#B40A69

RGB180, 10, 105

HSL326.5°, 89.5%, 37.3%

CMYK0%, 94%, 42%, 29%

HSV326.5°, 94.4%, 70.6%

LAB39.5, 65.4, -6.1

XYZ21.5, 10.9, 14.3

Decimal11799145

Color Harmonies

Complementary

#B40A69 #09B455

Analogous

#AA09B4 #B40913

Triadic

#68B409 #0968B4

Tetradic

#B4AA09 #09B455 #0913B4

Tints, Shades & Tones

Tints (Adding White)

#B40A69

#BC2579

#C4408A

#CD5B9B

#D576AB

#DD92BC

#E6ADCD

#EEC8DD

#F6E3EE

#FFFFFF

Shades (Adding Black)

#B40A69

#A0085D

#8C0751

#780646

#64053A

#50042E

#3C0323

#280217

#14010B

#000000

WCAG Contrast Accessibility

6.59:1

Text on #FFFFFF

AA

3.19:1

Text on #000000

AA Large

6.30:1

Text on #F8FAFC

AA

2.71:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #B40A69; }

.text-color { color: #B40A69; }

.border-color { border: 2px solid #B40A69; }

Similar Colors

Mediumvioletred

#C71585