#9eabf2 Hex Color

The RBG values of the #9eabf2 hex color are 158 (red), 171 (blue), and 242 (green). While the HSL values of #9eabf2 are 0.64 (hue), 0.21 (saturation), and 0.78 (lightness).

The CMYK values of #9eabf2 are 0.35 (cyan), 0.29 (magenta), 0 (yellow), and 0.05 (black).


#9eabf2 Color Spaces Conversions

This are the conversions of #9eabf2 to the different color spaces.

Hexadecimal

9eabf2

CIE-Lab

71.4229, 11.9794, -36.9062

RGB

158, 171, 242

CIE-Lch

71.4229, 38.8017, 287.983

HSL

0.64, 0.21, 0.78

CIE-Luv

71.4229, -10.1672, -60.8802

HSV

0.64, 0.35, 0.95

Hunter-Lab

65.4261, 7.432, -35.6806

CMYK

0.35, 0.29, 0, 0.05

XYZ

44.6905, 42.8057, 89.9113

Binary

10011110, 10101011, 11110010

YXY

42.8057, 0.2519, 0.2413

#9eabf2 Color Schemes

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

#9eabf2 Color Shades

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

#9eabf2 Color Tints

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

#9eabf2 Similar Hex Colors



#9eabf2 Style Preview

Font Color

#9eabf2 Font Color
style='color:#9eabf2;'

Background Color

#9eabf2 Background Color
style='background:#9eabf2;'

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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