HEX Color #8C6586 (Slategray)

About #8C6586

Visually, #8C6586 is defined as a muted magenta. If you're using CSS, you might find it aligns closely with Slategray. Its digital footprint relies on 140 parts red, 101 parts green, and 134 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 28% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#8C6586

RGB140, 101, 134

HSL309.2°, 16.2%, 47.3%

CMYK0%, 28%, 4%, 45%

HSV309.2°, 27.9%, 54.9%

LAB47.8, 21.4, -12.1

XYZ19.8, 16.6, 24.7

Decimal9201030

Color Harmonies

Complementary

#8C6586 #648B6A

Analogous

#7E648B #8B6472

Triadic

#868B64 #64858B

Tetradic

#8B7E64 #648B6A #64728B

Tints, Shades & Tones

Tints (Adding White)

#8C6586

#987693

#A587A0

#B298AE

#BFA9BB

#CBBAC9

#D8CBD6

#E5DCE4

#F2EDF1

#FFFFFF

Shades (Adding Black)

#8C6586

#7C5977

#6C4E68

#5D4359

#4D384A

#3E2C3B

#2E212C

#1F161D

#0F0B0E

#000000

WCAG Contrast Accessibility

4.86:1

Text on #FFFFFF

AA

4.32:1

Text on #000000

AA Large

4.65:1

Text on #F8FAFC

AA

3.67:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #8C6586; }

.text-color { color: #8C6586; }

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

Similar Colors

Slategray

#708090