#48c681 Hex Color

The RBG values of the #48c681 hex color are 72 (red), 198 (blue), and 129 (green). While the HSL values of #48c681 are 0.41 (hue), 0.47 (saturation), and 0.53 (lightness).

The CMYK values of #48c681 are 0.64 (cyan), 0 (magenta), 0.35 (yellow), and 0.22 (black).


#48c681 Color Spaces Conversions

This are the conversions of #48c681 to the different color spaces.

Hexadecimal

48c681

CIE-Lab

71.7925, -50.4272, 24.605

RGB

72, 198, 129

CIE-Lch

71.7925, 56.1097, 153.9908

HSL

0.41, 0.47, 0.53

CIE-Luv

71.7925, -52.902, 41.8625

HSV

0.41, 0.64, 0.78

Hunter-Lab

65.8414, -42.4873, 21.125

CMYK

0.64, 0, 0.35, 0.22

XYZ

26.829, 43.3509, 27.7224

Binary

1001000, 11000110, 10000001

YXY

43.3509, 0.274, 0.4428

#48c681 Color Schemes

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

#48c681 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #48c681 to #0a1f13.

#48c681 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #48c681 to #f7fdf9.

#48c681 Similar Hex Colors



#48c681 Style Preview

Font Color

#48c681 Font Color
style='color:#48c681;'

Background Color

#48c681 Background Color
style='background:#48c681;'

Border Color

#48c681 Border Color
style='border:2px solid #48c681;'

Text Shadow

#48c681 Text Shadow
style='text-shadow: 4px 4px 2px #48c681;'

Shades Gradient

#48c681 Shades Gradient
style='background: -moz-linear-gradient(top, #48c681, #0a1f13); background: -webkit-linear-gradient(top, #48c681, #0a1f13); background: -o-linear-gradient(top, #48c681, #0a1f13); background: -ms-linear-gradient(top, #48c681, #0a1f13); background: linear-gradient(top, #48c681, #0a1f13);'

Tints Gradient

#48c681 Tints Gradient
style='background: -moz-linear-gradient(top, #48c681, #f7fdf9); background: -webkit-linear-gradient(top, #48c681, #f7fdf9); background: -o-linear-gradient(top, #48c681, #f7fdf9); background: -ms-linear-gradient(top, #48c681, #f7fdf9); background: linear-gradient(top, #48c681, #f7fdf9);'