#48c67e Hex Color

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

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


#48c67e Color Spaces Conversions

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

Hexadecimal

48c67e

CIE-Lab

71.7394, -51.0012, 26.111

RGB

72, 198, 126

CIE-Lch

71.7394, 57.2966, 152.889

HSL

0.4, 0.47, 0.53

CIE-Luv

71.7394, -53.0525, 43.796

HSV

0.4, 0.64, 0.78

Hunter-Lab

65.7816, -42.8501, 21.9934

CMYK

0.64, 0, 0.36, 0.22

XYZ

26.6325, 43.2722, 26.6874

Binary

1001000, 11000110, 1111110

YXY

43.2722, 0.2757, 0.448

#48c67e Color Schemes

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

#48c67e Color Shades

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

#48c67e Color Tints

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

#48c67e Similar Hex Colors



#48c67e Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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