#30ff80 Hex Color

The RBG values of the #30ff80 hex color are 48 (red), 255 (blue), and 128 (green). While the HSL values of #30ff80 are 0.4 (hue), 0.68 (saturation), and 0.59 (lightness).

The CMYK values of #30ff80 are 0.81 (cyan), 0 (magenta), 0.5 (yellow), and 0 (black).


#30ff80 Color Spaces Conversions

This are the conversions of #30ff80 to the different color spaces.

Hexadecimal

30ff80

CIE-Lab

88.7838, -74.2467, 47.0082

RGB

48, 255, 128

CIE-Lch

88.7838, 87.8768, 147.6607

HSL

0.4, 0.68, 0.59

CIE-Luv

88.7838, -76.6431, 74.9404

HSV

0.4, 0.81, 1

Hunter-Lab

85.8527, -65.2569, 37.6561

CMYK

0.81, 0, 0.5, 0

XYZ

40.8752, 73.7069, 32.4946

Binary

110000, 11111111, 10000000

YXY

73.7069, 0.2779, 0.5011

#30ff80 Color Schemes

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

#30ff80 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #30ff80 to #004a1c.

#30ff80 Color Tints

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

#30ff80 Similar Hex Colors



#30ff80 Style Preview

Font Color

#30ff80 Font Color
style='color:#30ff80;'

Background Color

#30ff80 Background Color
style='background:#30ff80;'

Border Color

#30ff80 Border Color
style='border:2px solid #30ff80;'

Text Shadow

#30ff80 Text Shadow
style='text-shadow: 4px 4px 2px #30ff80;'

Shades Gradient

#30ff80 Shades Gradient
style='background: -moz-linear-gradient(top, #30ff80, #004a1c); background: -webkit-linear-gradient(top, #30ff80, #004a1c); background: -o-linear-gradient(top, #30ff80, #004a1c); background: -ms-linear-gradient(top, #30ff80, #004a1c); background: linear-gradient(top, #30ff80, #004a1c);'

Tints Gradient

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