#aa7afc Hex Color

The RBG values of the #aa7afc hex color are 170 (red), 122 (blue), and 252 (green). While the HSL values of #aa7afc are 0.73 (hue), 0.35 (saturation), and 0.73 (lightness).

The CMYK values of #aa7afc are 0.33 (cyan), 0.52 (magenta), 0 (yellow), and 0.01 (black).


#aa7afc Color Spaces Conversions

This are the conversions of #aa7afc to the different color spaces.

Hexadecimal

aa7afc

CIE-Lab

61.2146, 45.3003, -58.3978

RGB

170, 122, 252

CIE-Lch

61.2146, 73.9082, 307.8014

HSL

0.73, 0.35, 0.73

CIE-Luv

61.2146, 12.4172, -98.4993

HSV

0.73, 0.52, 0.99

Hunter-Lab

54.3078, 40.0752, -66.3785

CMYK

0.33, 0.52, 0, 0.01

XYZ

41.1078, 29.4934, 95.6216

Binary

10101010, 1111010, 11111100

YXY

29.4934, 0.2473, 0.1774

#aa7afc Color Schemes

This are some of the common color schemes used in web design for the #aa7afc hex color.

#aa7afc Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #aa7afc to #36038d.

#aa7afc Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #aa7afc to #ffffff.

#aa7afc Similar Hex Colors



#aa7afc Style Preview

Font Color

#aa7afc Font Color
style='color:#aa7afc;'

Background Color

#aa7afc Background Color
style='background:#aa7afc;'

Border Color

#aa7afc Border Color
style='border:2px solid #aa7afc;'

Text Shadow

#aa7afc Text Shadow
style='text-shadow: 4px 4px 2px #aa7afc;'

Shades Gradient

#aa7afc Shades Gradient
style='background: -moz-linear-gradient(top, #aa7afc, #36038d); background: -webkit-linear-gradient(top, #aa7afc, #36038d); background: -o-linear-gradient(top, #aa7afc, #36038d); background: -ms-linear-gradient(top, #aa7afc, #36038d); background: linear-gradient(top, #aa7afc, #36038d);'

Tints Gradient

#aa7afc Tints Gradient
style='background: -moz-linear-gradient(top, #aa7afc, #ffffff); background: -webkit-linear-gradient(top, #aa7afc, #ffffff); background: -o-linear-gradient(top, #aa7afc, #ffffff); background: -ms-linear-gradient(top, #aa7afc, #ffffff); background: linear-gradient(top, #aa7afc, #ffffff);'