#af9ae5 Hex Color

The RBG values of the #af9ae5 hex color are 175 (red), 154 (blue), and 229 (green). While the HSL values of #af9ae5 are 0.71 (hue), 0.2 (saturation), and 0.75 (lightness).

The CMYK values of #af9ae5 are 0.24 (cyan), 0.33 (magenta), 0 (yellow), and 0.1 (black).


#af9ae5 Color Spaces Conversions

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

Hexadecimal

af9ae5

CIE-Lab

67.9338, 23.1738, -35.1192

RGB

175, 154, 229

CIE-Lch

67.9338, 42.0759, 303.4192

HSL

0.71, 0.2, 0.75

CIE-Luv

67.9338, 5.7515, -58.9874

HSV

0.71, 0.33, 0.9

Hunter-Lab

61.5486, 18.0915, -33.1658

CMYK

0.24, 0.33, 0, 0.1

XYZ

43.3777, 37.8823, 79.1545

Binary

10101111, 10011010, 11100101

YXY

37.8823, 0.2704, 0.2362

#af9ae5 Color Schemes

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

#af9ae5 Color Shades

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

#af9ae5 Color Tints

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

#af9ae5 Similar Hex Colors



#af9ae5 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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