HEX Color #A82C57 (Palevioletred)

About #A82C57

The hex code #A82C57 represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 44, and 87.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 74% Magenta, 48% Yellow, and 34% Black. With a hue angle of 339.2 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A82C57

RGB168, 44, 87

HSL339.2°, 58.5%, 41.6%

CMYK0%, 74%, 48%, 34%

HSV339.2°, 73.8%, 65.9%

LAB39.3, 53.0, 4.7

XYZ18.8, 10.8, 10.1

Decimal11021399

Color Harmonies

Complementary

#A82C57 #2BA87D

Analogous

#A82B94 #A83E2B

Triadic

#56A82B #2B56A8

Tetradic

#94A82B #2BA87D #3F2BA8

Tints, Shades & Tones

Tints (Adding White)

#A82C57

#B14369

#BB5A7C

#C5728F

#CE89A1

#D8A1B4

#E2B8C7

#EBD0D9

#F5E7EC

#FFFFFF

Shades (Adding Black)

#A82C57

#95274D

#822243

#701D3A

#5D1830

#4A1326

#380E1D

#250913

#120409

#000000

WCAG Contrast Accessibility

6.64:1

Text on #FFFFFF

AA

3.16:1

Text on #000000

AA Large

6.35:1

Text on #F8FAFC

AA

2.69:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A82C57; }

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

Similar Colors

Palevioletred

#DB7093