#99afa1 Hex Color

The RBG values of the #99afa1 hex color are 153 (red), 175 (blue), and 161 (green). While the HSL values of #99afa1 are 0.39 (hue), 0.07 (saturation), and 0.64 (lightness).

The CMYK values of #99afa1 are 0.13 (cyan), 0 (magenta), 0.08 (yellow), and 0.31 (black).


#99afa1 Color Spaces Conversions

This are the conversions of #99afa1 to the different color spaces.

Hexadecimal

99afa1

CIE-Lab

69.4734, -10.3797, 4.6066

RGB

153, 175, 161

CIE-Lch

69.4734, 11.356, 156.0679

HSL

0.39, 0.07, 0.64

CIE-Luv

69.4734, -11.4172, 8.417

HSV

0.39, 0.13, 0.69

Hunter-Lab

63.2499, -12.195, 7.1536

CMYK

0.13, 0, 0.08, 0.31

XYZ

34.8999, 40.0055, 39.6006

Binary

10011001, 10101111, 10100001

YXY

40.0055, 0.3048, 0.3494

#99afa1 Color Schemes

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

#99afa1 Color Shades

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

#99afa1 Color Tints

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

#99afa1 Similar Hex Colors



#99afa1 Style Preview

Font Color

#99afa1 Font Color
style='color:#99afa1;'

Background Color

#99afa1 Background Color
style='background:#99afa1;'

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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