#9edcf4 Hex Color

The RBG values of the #9edcf4 hex color are 158 (red), 220 (blue), and 244 (green). While the HSL values of #9edcf4 are 0.55 (hue), 0.21 (saturation), and 0.79 (lightness).

The CMYK values of #9edcf4 are 0.35 (cyan), 0.1 (magenta), 0 (yellow), and 0.04 (black).


#9edcf4 Color Spaces Conversions

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

Hexadecimal

9edcf4

CIE-Lab

84.4771, -13.8675, -17.994

RGB

158, 220, 244

CIE-Lch

84.4771, 22.7176, 232.3797

HSL

0.55, 0.21, 0.79

CIE-Luv

84.4771, -30.3159, -26.378

HSV

0.55, 0.35, 0.96

Hunter-Lab

80.6146, -17.0275, -13.5715

CMYK

0.35, 0.1, 0, 0.04

XYZ

56.0229, 64.9872, 95.179

Binary

10011110, 11011100, 11110100

YXY

64.9872, 0.2591, 0.3006

#9edcf4 Color Schemes

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

#9edcf4 Color Shades

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

#9edcf4 Color Tints

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

#9edcf4 Similar Hex Colors



#9edcf4 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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