HEX Color #7C6DB6 (Mediumpurple)

About #7C6DB6

When working with digital screens, the color #7C6DB6 is rendered by mixing light. Its closest recognized web color is Mediumpurple. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 109, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 32% cyan and 40% magenta inks. The HSL representation is 252.3° hue, 33.3% saturation, and 57.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#7C6DB6

RGB124, 109, 182

HSL252.3°, 33.3%, 57.1%

CMYK32%, 40%, 0%, 29%

HSV252.3°, 40.1%, 71.4%

LAB50.2, 22.6, -36.6

XYZ22.2, 18.6, 46.7

Decimal8154550

Color Harmonies

Complementary

#7C6DB6 #A6B66C

Analogous

#6C82B6 #A06CB6

Triadic

#B67C6C #6CB67C

Tetradic

#B66C82 #A6B66C #6CB6A0

Tints, Shades & Tones

Tints (Adding White)

#7C6DB6

#8A7DBE

#998DC6

#A79DCE

#B6ADD6

#C4BEDE

#D3CEE6

#E1DEEE

#F0EEF6

#FFFFFF

Shades (Adding Black)

#7C6DB6

#6E60A1

#60548D

#524879

#443C65

#373050

#29243C

#1B1828

#0D0C14

#000000

WCAG Contrast Accessibility

4.45:1

Text on #FFFFFF

AA Large

4.72:1

Text on #000000

AA

4.25:1

Text on #F8FAFC

AA Large

4.01:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumpurple

#9370DB