#6a0fe2 Hex Color

The RBG values of the #6a0fe2 hex color are 106 (red), 15 (blue), and 226 (green). While the HSL values of #6a0fe2 are 0.74 (hue), 0.88 (saturation), and 0.47 (lightness).

The CMYK values of #6a0fe2 are 0.53 (cyan), 0.93 (magenta), 0 (yellow), and 0.11 (black).


#6a0fe2 Color Spaces Conversions

This are the conversions of #6a0fe2 to the different color spaces.

Hexadecimal

6a0fe2

CIE-Lab

35.7848, 73.4001, -85.4594

RGB

106, 15, 226

CIE-Lch

35.7848, 112.6538, 310.6589

HSL

0.74, 0.88, 0.47

CIE-Luv

35.7848, 7.4422, -117.5129

HSV

0.74, 0.93, 0.89

Hunter-Lab

29.8275, 66.5454, -123.4779

CMYK

0.53, 0.93, 0, 0.11

XYZ

19.8421, 8.8968, 72.623

Binary

1101010, 1111, 11100010

YXY

8.8968, 0.1958, 0.0878

#6a0fe2 Color Schemes

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

#6a0fe2 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #6a0fe2 to #05010b.

#6a0fe2 Color Tints

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

#6a0fe2 Similar Hex Colors



#6a0fe2 Style Preview

Font Color

#6a0fe2 Font Color
style='color:#6a0fe2;'

Background Color

#6a0fe2 Background Color
style='background:#6a0fe2;'

Border Color

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

Text Shadow

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

Shades Gradient

#6a0fe2 Shades Gradient
style='background: -moz-linear-gradient(top, #6a0fe2, #05010b); background: -webkit-linear-gradient(top, #6a0fe2, #05010b); background: -o-linear-gradient(top, #6a0fe2, #05010b); background: -ms-linear-gradient(top, #6a0fe2, #05010b); background: linear-gradient(top, #6a0fe2, #05010b);'

Tints Gradient

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