#6a82ba Hex Color

The RBG values of the #6a82ba hex color are 106 (red), 130 (blue), and 186 (green). While the HSL values of #6a82ba are 0.62 (hue), 0.27 (saturation), and 0.57 (lightness).

The CMYK values of #6a82ba are 0.43 (cyan), 0.3 (magenta), 0 (yellow), and 0.27 (black).


#6a82ba Color Spaces Conversions

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

Hexadecimal

6a82ba

CIE-Lab

54.6314, 6.1781, -32.1203

RGB

106, 130, 186

CIE-Lch

54.6314, 32.709, 280.8875

HSL

0.62, 0.27, 0.57

CIE-Luv

54.6314, -13.6243, -49.8201

HSV

0.62, 0.43, 0.73

Hunter-Lab

47.5127, 2.47, -28.6489

CMYK

0.43, 0.3, 0, 0.27

XYZ

22.7894, 22.5746, 49.6106

Binary

1101010, 10000010, 10111010

YXY

22.5746, 0.24, 0.2377

#6a82ba Color Schemes

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

#6a82ba Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #6a82ba to #141b2b.

#6a82ba Color Tints

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

#6a82ba Similar Hex Colors



#6a82ba Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

#6a82ba Shades Gradient
style='background: -moz-linear-gradient(top, #6a82ba, #141b2b); background: -webkit-linear-gradient(top, #6a82ba, #141b2b); background: -o-linear-gradient(top, #6a82ba, #141b2b); background: -ms-linear-gradient(top, #6a82ba, #141b2b); background: linear-gradient(top, #6a82ba, #141b2b);'

Tints Gradient

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