#34a768 Hex Color

The RBG values of the #34a768 hex color are 52 (red), 167 (blue), and 104 (green). While the HSL values of #34a768 are 0.41 (hue), 0.53 (saturation), and 0.43 (lightness).

The CMYK values of #34a768 are 0.69 (cyan), 0 (magenta), 0.38 (yellow), and 0.35 (black).


#34a768 Color Spaces Conversions

This are the conversions of #34a768 to the different color spaces.

Hexadecimal

34a768

CIE-Lab

61.1041, -46.6373, 23.518

RGB

52, 167, 104

CIE-Lch

61.1041, 52.2315, 153.2393

HSL

0.41, 0.53, 0.43

CIE-Luv

61.1041, -47.044, 38.2504

HSV

0.41, 0.69, 0.65

Hunter-Lab

54.1913, -36.4224, 18.4259

CMYK

0.69, 0, 0.38, 0.35

XYZ

17.7336, 29.367, 17.8304

Binary

110100, 10100111, 1101000

YXY

29.367, 0.2731, 0.4523

#34a768 Color Schemes

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

#34a768 Color Shades

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

#34a768 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #34a768 to #d0f0df.

#34a768 Similar Hex Colors



#34a768 Style Preview

Font Color

#34a768 Font Color
style='color:#34a768;'

Background Color

#34a768 Background Color
style='background:#34a768;'

Border Color

#34a768 Border Color
style='border:2px solid #34a768;'

Text Shadow

#34a768 Text Shadow
style='text-shadow: 4px 4px 2px #34a768;'

Shades Gradient

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

Tints Gradient

#34a768 Tints Gradient
style='background: -moz-linear-gradient(top, #34a768, #d0f0df); background: -webkit-linear-gradient(top, #34a768, #d0f0df); background: -o-linear-gradient(top, #34a768, #d0f0df); background: -ms-linear-gradient(top, #34a768, #d0f0df); background: linear-gradient(top, #34a768, #d0f0df);'