HEX Color #7C6DE9 (Mediumslateblue)

About #7C6DE9

Visually, #7C6DE9 is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 109, and 233.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 47% cyan and 53% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7C6DE9

RGB124, 109, 233

HSL247.3°, 73.8%, 67.1%

CMYK47%, 53%, 0%, 9%

HSV247.3°, 53.2%, 91.4%

LAB53.1, 36.9, -61.1

XYZ28.5, 21.1, 79.7

Decimal8154601

Color Harmonies

Complementary

#7C6DE9 #D9E86C

Analogous

#6C9BE8 #B96CE8

Triadic

#E87B6C #6CE87B

Tetradic

#E86C9B #D9E86C #6CE8B9

Tints, Shades & Tones

Tints (Adding White)

#7C6DE9

#8A7DEB

#998DED

#A79DF0

#B6ADF2

#C4BEF5

#D3CEF7

#E1DEFA

#F0EEFC

#FFFFFF

Shades (Adding Black)

#7C6DE9

#6E60CF

#6054B5

#52489B

#443C81

#373067

#29244D

#1B1833

#0D0C19

#000000

WCAG Contrast Accessibility

4.02:1

Text on #FFFFFF

AA Large

5.22:1

Text on #000000

AA

3.84:1

Text on #F8FAFC

AA Large

4.44:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE