#afd56d Hex Color

The RBG values of the #afd56d hex color are 175 (red), 213 (blue), and 109 (green). While the HSL values of #afd56d are 0.23 (hue), 0.32 (saturation), and 0.63 (lightness).

The CMYK values of #afd56d are 0.18 (cyan), 0 (magenta), 0.49 (yellow), and 0.16 (black).


#afd56d Color Spaces Conversions

This are the conversions of #afd56d to the different color spaces.

Hexadecimal

afd56d

CIE-Lab

80.6311, -29.0402, 46.9881

RGB

175, 213, 109

CIE-Lch

80.6311, 55.2378, 121.7174

HSL

0.23, 0.32, 0.63

CIE-Luv

80.6311, -18.362, 64.8657

HSV

0.23, 0.49, 0.84

Hunter-Lab

76.0306, -29.2044, 35.0561

CMYK

0.18, 0, 0.49, 0.16

XYZ

44.2338, 57.8066, 23.2944

Binary

10101111, 11010101, 1101101

YXY

57.8066, 0.3529, 0.4612

#afd56d Color Schemes

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

#afd56d Color Shades

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

#afd56d Color Tints

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

#afd56d Similar Hex Colors



#afd56d Style Preview

Font Color

#afd56d Font Color
style='color:#afd56d;'

Background Color

#afd56d Background Color
style='background:#afd56d;'

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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