#42bae9 Hex Color

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

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


#42bae9 Color Spaces Conversions

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

Hexadecimal

42bae9

CIE-Lab

70.9806, -18.2017, -33.0322

RGB

66, 186, 233

CIE-Lch

70.9806, 37.7151, 241.1439

HSL

0.55, 0.56, 0.59

CIE-Luv

70.9806, -43.656, -50.3989

HSV

0.55, 0.72, 0.91

Hunter-Lab

64.9302, -18.746, -30.7128

CMYK

0.72, 0.2, 0, 0.09

XYZ

34.5137, 42.1593, 83.4093

Binary

1000010, 10111010, 11101001

YXY

42.1593, 0.2156, 0.2634

#42bae9 Color Schemes

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

#42bae9 Color Shades

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

#42bae9 Color Tints

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

#42bae9 Similar Hex Colors



#42bae9 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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