#42baeb Hex Color

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

The CMYK values of #42baeb are 0.72 (cyan), 0.21 (magenta), 0 (yellow), and 0.08 (black).


#42baeb Color Spaces Conversions

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

Hexadecimal

42baeb

CIE-Lab

71.0596, -17.5548, -33.9963

RGB

66, 186, 235

CIE-Lch

71.0596, 38.2612, 242.6894

HSL

0.55, 0.56, 0.59

CIE-Luv

71.0596, -43.5413, -52.1314

HSV

0.55, 0.72, 0.92

Hunter-Lab

65.0186, -18.2409, -31.9274

CMYK

0.72, 0.21, 0, 0.08

XYZ

34.8011, 42.2742, 84.9228

Binary

1000010, 10111010, 11101011

YXY

42.2742, 0.2148, 0.261

#42baeb Color Schemes

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

#42baeb Color Shades

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

#42baeb Color Tints

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

#42baeb Similar Hex Colors



#42baeb Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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