HEX Color #BD33A8 (Darkmagenta)

About #BD33A8

Visually, #BD33A8 is defined as a moderate magenta. Its closest recognized web color is Darkmagenta. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 51, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 73% magenta inks. With a hue angle of 309.1 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD33A8

RGB189, 51, 168

HSL309.1°, 57.5%, 47.1%

CMYK0%, 73%, 11%, 26%

HSV309.1°, 73.0%, 74.1%

LAB47.0, 66.0, -32.9

XYZ29.2, 16.0, 38.6

Decimal12399528

Color Harmonies

Complementary

#BD33A8 #32BD47

Analogous

#8D32BD #BD3262

Triadic

#A7BD32 #32A7BD

Tetradic

#BD8C32 #32BD47 #3262BD

Tints, Shades & Tones

Tints (Adding White)

#BD33A8

#C449B1

#CB60BB

#D377C5

#DA8DCE

#E1A4D8

#E9BBE2

#F0D1EB

#F7E8F5

#FFFFFF

Shades (Adding Black)

#BD33A8

#A82D95

#932782

#7E2270

#691C5D

#54164A

#3F1138

#2A0B25

#150512

#000000

WCAG Contrast Accessibility

5.00:1

Text on #FFFFFF

AA

4.20:1

Text on #000000

AA Large

4.78:1

Text on #F8FAFC

AA

3.57:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD33A8; }

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

Similar Colors

Darkmagenta

#8B008B