HEX Color #7C6D99 (Slategray)

About #7C6D99

The precise color #7C6D99 is an excellent choice for modern design projects. Its closest recognized web color is Slategray. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 109, and 153.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 19% cyan and 29% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7C6D99

RGB124, 109, 153

HSL260.5°, 17.7%, 51.4%

CMYK19%, 29%, 0%, 40%

HSV260.5°, 28.8%, 60.0%

LAB48.9, 15.3, -21.7

XYZ19.5, 17.5, 32.5

Decimal8154521

Color Harmonies

Complementary

#7C6D99 #8A996C

Analogous

#6C7399 #926C99

Triadic

#997B6C #6C997B

Tetradic

#996C73 #8A996C #6C9992

Tints, Shades & Tones

Tints (Adding White)

#7C6D99

#8A7DA4

#998DAF

#A79DBB

#B6ADC6

#C4BED1

#D3CEDD

#E1DEE8

#F0EEF3

#FFFFFF

Shades (Adding Black)

#7C6D99

#6E6088

#605477

#524866

#443C55

#373044

#292433

#1B1822

#0D0C11

#000000

WCAG Contrast Accessibility

4.66:1

Text on #FFFFFF

AA

4.50:1

Text on #000000

AA

4.46:1

Text on #F8FAFC

AA Large

3.83:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #7C6D99; }

.text-color { color: #7C6D99; }

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

Similar Colors

Slategray

#708090