#42bae7 Hex Color

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

The CMYK values of #42bae7 are 0.71 (cyan), 0.19 (magenta), 0 (yellow), and 0.09 (black).


#42bae7 Color Spaces Conversions

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

Hexadecimal

42bae7

CIE-Lab

70.9023, -18.8462, -32.0661

RGB

66, 186, 231

CIE-Lch

70.9023, 37.1943, 239.556

HSL

0.55, 0.56, 0.58

CIE-Luv

70.9023, -43.7714, -48.6659

HSV

0.55, 0.71, 0.91

Hunter-Lab

64.8426, -19.2469, -29.5087

CMYK

0.71, 0.19, 0, 0.09

XYZ

34.2295, 42.0456, 81.9128

Binary

1000010, 10111010, 11100111

YXY

42.0456, 0.2164, 0.2658

#42bae7 Color Schemes

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

#42bae7 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #42bae7 to #082e3c.

#42bae7 Color Tints

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

#42bae7 Similar Hex Colors



#42bae7 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

#42bae7 Shades Gradient
style='background: -moz-linear-gradient(top, #42bae7, #082e3c); background: -webkit-linear-gradient(top, #42bae7, #082e3c); background: -o-linear-gradient(top, #42bae7, #082e3c); background: -ms-linear-gradient(top, #42bae7, #082e3c); background: linear-gradient(top, #42bae7, #082e3c);'

Tints Gradient

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