HEX Color #A82457 (Palevioletred)

About #A82457

The hex code #A82457 represents a beautifully specific shade of magenta. It is closely associated with the named CSS color Palevioletred. This translates to an RGB value of rgb(168, 36, 87).

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 79% magenta, 48% yellow, and 34% black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. 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#A82457

RGB168, 36, 87

HSL336.8°, 64.7%, 40.0%

CMYK0%, 79%, 48%, 34%

HSV336.8°, 78.6%, 65.9%

LAB38.3, 55.6, 3.4

XYZ18.5, 10.3, 10.0

Decimal11019351

Color Harmonies

Complementary

#A82457 #24A874

Analogous

#A82498 #A83324

Triadic

#56A824 #2457A8

Tetradic

#98A824 #24A874 #3224A8

Tints, Shades & Tones

Tints (Adding White)

#A82457

#B13C69

#BB547C

#C56D8F

#CE85A1

#D89DB4

#E2B6C7

#EBCED9

#F5E6EC

#FFFFFF

Shades (Adding Black)

#A82457

#95204D

#821C43

#70183A

#5D1430

#4A1026

#380C1D

#250813

#120409

#000000

WCAG Contrast Accessibility

6.87:1

Text on #FFFFFF

AA

3.05:1

Text on #000000

AA Large

6.57:1

Text on #F8FAFC

AA

2.60:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A82457; }

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

Similar Colors

Palevioletred

#DB7093