#82ba6a Hex Color

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

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


#82ba6a Color Spaces Conversions

This are the conversions of #82ba6a to the different color spaces.

Hexadecimal

82ba6a

CIE-Lab

70.1088, -33.14, 34.8058

RGB

130, 186, 106

CIE-Lch

70.1088, 48.0594, 133.5956

HSL

0.28, 0.27, 0.57

CIE-Luv

70.1088, -27.9983, 50.5113

HSV

0.28, 0.43, 0.73

Hunter-Lab

63.9564, -29.9634, 26.2443

CMYK

0.3, 0, 0.43, 0.27

XYZ

29.3663, 40.9042, 19.9832

Binary

10000010, 10111010, 1101010

YXY

40.9042, 0.3254, 0.4532

#82ba6a Color Schemes

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

#82ba6a Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #82ba6a to #1b2b14.

#82ba6a Color Tints

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

#82ba6a Similar Hex Colors



#82ba6a Style Preview

Font Color

#82ba6a Font Color
style='color:#82ba6a;'

Background Color

#82ba6a Background Color
style='background:#82ba6a;'

Border Color

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

Text Shadow

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

Shades Gradient

#82ba6a Shades Gradient
style='background: -moz-linear-gradient(top, #82ba6a, #1b2b14); background: -webkit-linear-gradient(top, #82ba6a, #1b2b14); background: -o-linear-gradient(top, #82ba6a, #1b2b14); background: -ms-linear-gradient(top, #82ba6a, #1b2b14); background: linear-gradient(top, #82ba6a, #1b2b14);'

Tints Gradient

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