#6356cf Hex Color

The RBG values of the #6356cf hex color are 99 (red), 86 (blue), and 207 (green). While the HSL values of #6356cf are 0.68 (hue), 0.41 (saturation), and 0.57 (lightness).

The CMYK values of #6356cf are 0.52 (cyan), 0.58 (magenta), 0 (yellow), and 0.19 (black).


#6356cf Color Spaces Conversions

This are the conversions of #6356cf to the different color spaces.

Hexadecimal

6356cf

CIE-Lab

43.9639, 37.6152, -61.1793

RGB

99, 86, 207

CIE-Lch

43.9639, 71.8179, 301.5847

HSL

0.68, 0.41, 0.57

CIE-Luv

43.9639, -2.7319, -93.9073

HSV

0.68, 0.58, 0.81

Hunter-Lab

37.1661, 29.7458, -70.7488

CMYK

0.52, 0.58, 0, 0.19

XYZ

19.7359, 13.8132, 60.6575

Binary

1100011, 1010110, 11001111

YXY

13.8132, 0.2095, 0.1466

#6356cf Color Schemes

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

#6356cf Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #6356cf to #120e31.

#6356cf Color Tints

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

#6356cf Similar Hex Colors



#6356cf Style Preview

Font Color

#6356cf Font Color
style='color:#6356cf;'

Background Color

#6356cf Background Color
style='background:#6356cf;'

Border Color

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

Text Shadow

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

Shades Gradient

#6356cf Shades Gradient
style='background: -moz-linear-gradient(top, #6356cf, #120e31); background: -webkit-linear-gradient(top, #6356cf, #120e31); background: -o-linear-gradient(top, #6356cf, #120e31); background: -ms-linear-gradient(top, #6356cf, #120e31); background: linear-gradient(top, #6356cf, #120e31);'

Tints Gradient

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