HEX Color #A85F8A (Palevioletred)

About #A85F8A

The hex code #A85F8A represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 95, and 138.

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 43% magenta inks. The HSL representation is 324.7° hue, 29.6% saturation, and 51.6% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#A85F8A

RGB168, 95, 138

HSL324.7°, 29.6%, 51.6%

CMYK0%, 43%, 18%, 34%

HSV324.7°, 43.5%, 65.9%

LAB49.9, 35.5, -10.9

XYZ24.8, 18.3, 26.3

Decimal11034506

Color Harmonies

Complementary

#A85F8A #5EA87C

Analogous

#A15EA8 #A85E65

Triadic

#8AA85E #5E8AA8

Tetradic

#A8A15E #5EA87C #5E65A8

Tints, Shades & Tones

Tints (Adding White)

#A85F8A

#B17097

#BB82A4

#C594B1

#CEA6BE

#D8B7CB

#E2C9D8

#EBDBE5

#F5EDF2

#FFFFFF

Shades (Adding Black)

#A85F8A

#95547A

#82496B

#703F5C

#5D344C

#4A2A3D

#381F2E

#25151E

#120A0F

#000000

WCAG Contrast Accessibility

4.50:1

Text on #FFFFFF

AA Large

4.67:1

Text on #000000

AA

4.30:1

Text on #F8FAFC

AA Large

3.97:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #A85F8A; }

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

Similar Colors

Palevioletred

#DB7093