HEX Color #A80F99 (Darkmagenta)

About #A80F99

Visually, #A80F99 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Darkmagenta. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 15, and 153.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 91% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. 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#A80F99

RGB168, 15, 153

HSL305.9°, 83.6%, 35.9%

CMYK0%, 91%, 9%, 34%

HSV305.9°, 91.1%, 65.9%

LAB39.5, 68.0, -36.0

XYZ22.1, 11.0, 31.1

Decimal11014041

Color Harmonies

Complementary

#A80F99 #0FA81E

Analogous

#6A0FA8 #A80F4C

Triadic

#99A80F #0F99A8

Tetradic

#A86A0F #0FA81E #0F4CA8

Tints, Shades & Tones

Tints (Adding White)

#A80F99

#B129A4

#BB44AF

#C55FBB

#CE79C6

#D894D1

#E2AFDD

#EBC9E8

#F5E4F3

#FFFFFF

Shades (Adding Black)

#A80F99

#950D88

#820B77

#700A66

#5D0855

#4A0644

#380533

#250322

#120111

#000000

WCAG Contrast Accessibility

6.58:1

Text on #FFFFFF

AA

3.19:1

Text on #000000

AA Large

6.29:1

Text on #F8FAFC

AA

2.71:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A80F99; }

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

Similar Colors

Darkmagenta

#8B008B