#60b330 Hex Color

The RBG values of the #60b330 hex color are 96 (red), 179 (blue), and 48 (green). While the HSL values of #60b330 are 0.27 (hue), 0.58 (saturation), and 0.45 (lightness).

The CMYK values of #60b330 are 0.46 (cyan), 0 (magenta), 0.73 (yellow), and 0.3 (black).


#60b330 Color Spaces Conversions

This are the conversions of #60b330 to the different color spaces.

Hexadecimal

60b330

CIE-Lab

65.7022, -47.6197, 55.6967

RGB

96, 179, 48

CIE-Lch

65.7022, 73.2786, 130.5299

HSL

0.27, 0.58, 0.45

CIE-Luv

65.7022, -40.4296, 70.5274

HSV

0.27, 0.73, 0.7

Hunter-Lab

59.1104, -38.5861, 32.9432

CMYK

0.46, 0, 0.73, 0.3

XYZ

21.4775, 34.9404, 8.4085

Binary

1100000, 10110011, 110000

YXY

34.9404, 0.3313, 0.539

#60b330 Color Schemes

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

#60b330 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #60b330 to #000000.

#60b330 Color Tints

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

#60b330 Similar Hex Colors



#60b330 Style Preview

Font Color

#60b330 Font Color
style='color:#60b330;'

Background Color

#60b330 Background Color
style='background:#60b330;'

Border Color

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

Text Shadow

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

Shades Gradient

#60b330 Shades Gradient
style='background: -moz-linear-gradient(top, #60b330, #000000); background: -webkit-linear-gradient(top, #60b330, #000000); background: -o-linear-gradient(top, #60b330, #000000); background: -ms-linear-gradient(top, #60b330, #000000); background: linear-gradient(top, #60b330, #000000);'

Tints Gradient

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