#8ec3d4 Hex Color

The RBG values of the #8ec3d4 hex color are 142 (red), 195 (blue), and 212 (green). While the HSL values of #8ec3d4 are 0.54 (hue), 0.2 (saturation), and 0.69 (lightness).

The CMYK values of #8ec3d4 are 0.33 (cyan), 0.08 (magenta), 0 (yellow), and 0.17 (black).


#8ec3d4 Color Spaces Conversions

This are the conversions of #8ec3d4 to the different color spaces.

Hexadecimal

8ec3d4

CIE-Lab

75.7826, -13.1093, -14.0433

RGB

142, 195, 212

CIE-Lch

75.7826, 19.2111, 226.9702

HSL

0.54, 0.2, 0.69

CIE-Luv

75.7826, -26.2675, -19.7134

HSV

0.54, 0.33, 0.83

Hunter-Lab

70.3807, -15.2403, -9.3705

CMYK

0.33, 0.08, 0, 0.17

XYZ

42.5541, 49.5345, 69.6056

Binary

10001110, 11000011, 11010100

YXY

49.5345, 0.2632, 0.3063

#8ec3d4 Color Schemes

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

#8ec3d4 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #8ec3d4 to #224d5a.

#8ec3d4 Color Tints

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

#8ec3d4 Similar Hex Colors



#8ec3d4 Style Preview

Font Color

#8ec3d4 Font Color
style='color:#8ec3d4;'

Background Color

#8ec3d4 Background Color
style='background:#8ec3d4;'

Border Color

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

Text Shadow

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

Shades Gradient

#8ec3d4 Shades Gradient
style='background: -moz-linear-gradient(top, #8ec3d4, #224d5a); background: -webkit-linear-gradient(top, #8ec3d4, #224d5a); background: -o-linear-gradient(top, #8ec3d4, #224d5a); background: -ms-linear-gradient(top, #8ec3d4, #224d5a); background: linear-gradient(top, #8ec3d4, #224d5a);'

Tints Gradient

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