#A86683

A medium, muted magenta closely aligning with Palevioletred.

About #A86683

Visually, #A86683 is defined as a muted 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, 102, and 131.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 39% magenta, 22% yellow, and 34% black. The HSL representation is 333.6° hue, 27.5% saturation, and 52.9% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#A86683
RGB168, 102, 131
HSL333.6°, 27.5%, 52.9%
CMYK0%, 39%, 22%, 34%
HSV333.6°, 39.3%, 65.9%
LAB51.2, 30.6, -4.8
XYZ25.0, 19.5, 23.9
Decimal11036291

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.29:1
Text on #FFFFFF
AA Large
4.89:1
Text on #000000
AA
4.10:1
Text on #F8FAFC
AA Large
4.16:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #A86683; }
.text-color { color: #A86683; }
.border-color { border: 2px solid #A86683; }

Similar Colors

Palevioletred
#DB7093