#42bae8 Hex Color

The RBG values of the #42bae8 hex color are 66 (red), 186 (blue), and 232 (green). While the HSL values of #42bae8 are 0.55 (hue), 0.56 (saturation), and 0.58 (lightness).

The CMYK values of #42bae8 are 0.72 (cyan), 0.2 (magenta), 0 (yellow), and 0.09 (black).


#42bae8 Color Spaces Conversions

This are the conversions of #42bae8 to the different color spaces.

Hexadecimal

42bae8

CIE-Lab

70.9414, -18.5243, -32.5494

RGB

66, 186, 232

CIE-Lch

70.9414, 37.4515, 240.3553

HSL

0.55, 0.56, 0.58

CIE-Luv

70.9414, -43.7136, -49.5325

HSV

0.55, 0.72, 0.91

Hunter-Lab

64.8863, -18.997, -30.1095

CMYK

0.72, 0.2, 0, 0.09

XYZ

34.3712, 42.1023, 82.6589

Binary

1000010, 10111010, 11101000

YXY

42.1023, 0.216, 0.2646

#42bae8 Color Schemes

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

#42bae8 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #42bae8 to #072e3d.

#42bae8 Color Tints

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

#42bae8 Similar Hex Colors



#42bae8 Style Preview

Font Color

#42bae8 Font Color
style='color:#42bae8;'

Background Color

#42bae8 Background Color
style='background:#42bae8;'

Border Color

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

Text Shadow

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

Shades Gradient

#42bae8 Shades Gradient
style='background: -moz-linear-gradient(top, #42bae8, #072e3d); background: -webkit-linear-gradient(top, #42bae8, #072e3d); background: -o-linear-gradient(top, #42bae8, #072e3d); background: -ms-linear-gradient(top, #42bae8, #072e3d); background: linear-gradient(top, #42bae8, #072e3d);'

Tints Gradient

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