#aaf9f4 Hex Color

The RBG values of the #aaf9f4 hex color are 170 (red), 249 (blue), and 244 (green). While the HSL values of #aaf9f4 are 0.49 (hue), 0.19 (saturation), and 0.82 (lightness).

The CMYK values of #aaf9f4 are 0.32 (cyan), 0 (magenta), 0.02 (yellow), and 0.02 (black).


#aaf9f4 Color Spaces Conversions

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

Hexadecimal

aaf9f4

CIE-Lab

92.9395, -25.0608, -5.3112

RGB

170, 249, 244

CIE-Lch

92.9395, 25.6174, 191.9657

HSL

0.49, 0.19, 0.82

CIE-Luv

92.9395, -37.7403, -4.1159

HSV

0.49, 0.32, 0.98

Hunter-Lab

91.0105, -28.2872, -0.1724

CMYK

0.32, 0, 0.02, 0.02

XYZ

66.7824, 82.8291, 98.0558

Binary

10101010, 11111001, 11110100

YXY

82.8291, 0.2696, 0.3344

#aaf9f4 Color Schemes

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

#aaf9f4 Color Shades

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

#aaf9f4 Color Tints

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

#aaf9f4 Similar Hex Colors



#aaf9f4 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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