HEX Color #6D50B6 (Slateblue)

About #6D50B6

Visually, #6D50B6 is defined as a moderate purple. If you're using CSS, you might find it aligns closely with Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 80, and 182.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 40% cyan and 56% magenta inks. The HSL representation is 257.1° hue, 41.1% saturation, and 51.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6D50B6

RGB109, 80, 182

HSL257.1°, 41.1%, 51.4%

CMYK40%, 56%, 0%, 29%

HSV257.1°, 56.0%, 71.4%

LAB41.8, 36.0, -50.1

XYZ17.6, 12.4, 45.7

Decimal7164086

Color Harmonies

Complementary

#6D50B6 #98B64F

Analogous

#4F65B6 #A04FB6

Triadic

#B66C4F #4FB66D

Tetradic

#B64F65 #98B64F #4FB69F

Tints, Shades & Tones

Tints (Adding White)

#6D50B6

#7D63BE

#8D76C6

#9D8ACE

#AD9DD6

#BEB1DE

#CEC4E6

#DED8EE

#EEEBF6

#FFFFFF

Shades (Adding Black)

#6D50B6

#6047A1

#543E8D

#483579

#3C2C65

#302350

#241A3C

#181128

#0C0814

#000000

WCAG Contrast Accessibility

6.05:1

Text on #FFFFFF

AA

3.47:1

Text on #000000

AA Large

5.78:1

Text on #F8FAFC

AA

2.95:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6D50B6; }

.text-color { color: #6D50B6; }

.border-color { border: 2px solid #6D50B6; }

Similar Colors

Slateblue

#6A5ACD