HEX Color #BD3AA8 (Darkmagenta)

About #BD3AA8

At its core, #BD3AA8 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Darkmagenta. In the RGB color space, it consists of 189 red, 58 green, and 168 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 69% magenta, 11% yellow, and 26% black. The HSL representation is 309.6° hue, 53.0% saturation, and 48.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#BD3AA8

RGB189, 58, 168

HSL309.6°, 53.0%, 48.4%

CMYK0%, 69%, 11%, 26%

HSV309.6°, 69.3%, 74.1%

LAB47.8, 63.6, -31.6

XYZ29.6, 16.7, 38.7

Decimal12401320

Color Harmonies

Complementary

#BD3AA8 #39BD4E

Analogous

#9039BD #BD3966

Triadic

#A7BD39 #39A7BD

Tetradic

#BD9039 #39BD4E #3966BD

Tints, Shades & Tones

Tints (Adding White)

#BD3AA8

#C44FB1

#CB65BB

#D37BC5

#DA91CE

#E1A7D8

#E9BDE2

#F0D3EB

#F7E9F5

#FFFFFF

Shades (Adding Black)

#BD3AA8

#A83395

#932D82

#7E2670

#69205D

#54194A

#3F1338

#2A0C25

#150612

#000000

WCAG Contrast Accessibility

4.84:1

Text on #FFFFFF

AA

4.33:1

Text on #000000

AA Large

4.63:1

Text on #F8FAFC

AA

3.68:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD3AA8; }

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

Similar Colors

Darkmagenta

#8B008B