#2af42c Hex Color

The RBG values of the #2af42c hex color are 42 (red), 244 (blue), and 44 (green). While the HSL values of #2af42c are 0.33 (hue), 0.71 (saturation), and 0.56 (lightness).

The CMYK values of #2af42c are 0.83 (cyan), 0 (magenta), 0.82 (yellow), and 0.04 (black).


#2af42c Color Spaces Conversions

This are the conversions of #2af42c to the different color spaces.

Hexadecimal

2af42c

CIE-Lab

84.6768, -79.8524, 74.5405

RGB

42, 244, 44

CIE-Lch

84.6768, 109.2368, 136.9705

HSL

0.33, 0.71, 0.56

CIE-Luv

84.6768, -76.7532, 98.9255

HSV

0.33, 0.83, 0.96

Hunter-Lab

80.8551, -66.9657, 46.9029

CMYK

0.83, 0, 0.82, 0.04

XYZ

33.7602, 65.3755, 13.2223

Binary

101010, 11110100, 101100

YXY

65.3755, 0.3005, 0.5819

#2af42c Color Schemes

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

#2af42c Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #2af42c to #033603.

#2af42c Color Tints

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

#2af42c Similar Hex Colors



#2af42c Style Preview

Font Color

#2af42c Font Color
style='color:#2af42c;'

Background Color

#2af42c Background Color
style='background:#2af42c;'

Border Color

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

Text Shadow

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

Shades Gradient

#2af42c Shades Gradient
style='background: -moz-linear-gradient(top, #2af42c, #033603); background: -webkit-linear-gradient(top, #2af42c, #033603); background: -o-linear-gradient(top, #2af42c, #033603); background: -ms-linear-gradient(top, #2af42c, #033603); background: linear-gradient(top, #2af42c, #033603);'

Tints Gradient

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