HEX Color #6650AF (Slateblue)

About #6650AF

The precise color #6650AF is an excellent choice for modern design projects. Its closest recognized web color is Slateblue. Its digital footprint relies on 102 parts red, 80 parts green, and 175 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 42% Cyan, 54% Magenta, 0% Yellow, and 31% Black. The HSL representation is 253.9° hue, 37.3% saturation, and 50.0% lightness.

Contrast ratios determine whether this color is safe for typography. 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#6650AF

RGB102, 80, 175

HSL253.9°, 37.3%, 50.0%

CMYK42%, 54%, 0%, 31%

HSV253.9°, 54.3%, 68.6%

LAB40.7, 32.3, -47.8

XYZ16.1, 11.7, 42.0

Decimal6705327

Color Harmonies

Complementary

#6650AF #98AF50

Analogous

#5069AF #9550AF

Triadic

#AF6550 #50AF66

Tetradic

#AF5069 #98AF50 #50AF95

Tints, Shades & Tones

Tints (Adding White)

#6650AF

#7763B7

#8876C0

#998AC9

#AA9DD2

#BBB1DB

#CCC4E4

#DDD8ED

#EEEBF6

#FFFFFF

Shades (Adding Black)

#6650AF

#5A479B

#4F3E88

#443574

#382C61

#2D234D

#221A3A

#161126

#0B0813

#000000

WCAG Contrast Accessibility

6.30:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.02:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6650AF; }

.text-color { color: #6650AF; }

.border-color { border: 2px solid #6650AF; }

Similar Colors

Slateblue

#6A5ACD