#70cbef Hex Color

The RBG values of the #70cbef hex color are 112 (red), 203 (blue), and 239 (green). While the HSL values of #70cbef are 0.55 (hue), 0.36 (saturation), and 0.69 (lightness).

The CMYK values of #70cbef are 0.53 (cyan), 0.15 (magenta), 0 (yellow), and 0.06 (black).


#70cbef Color Spaces Conversions

This are the conversions of #70cbef to the different color spaces.

Hexadecimal

70cbef

CIE-Lab

77.5126, -17.4047, -26.1023

RGB

112, 203, 239

CIE-Lch

77.5126, 31.3728, 236.3052

HSL

0.55, 0.36, 0.69

CIE-Luv

77.5126, -39.2195, -39.1687

HSV

0.55, 0.53, 0.94

Hunter-Lab

72.38, -19.0963, -22.6269

CMYK

0.53, 0.15, 0, 0.06

XYZ

43.618, 52.3886, 89.4745

Binary

1110000, 11001011, 11101111

YXY

52.3886, 0.2352, 0.2824

#70cbef Color Schemes

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

#70cbef Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #70cbef to #0c526d.

#70cbef Color Tints

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

#70cbef Similar Hex Colors



#70cbef Style Preview

Font Color

#70cbef Font Color
style='color:#70cbef;'

Background Color

#70cbef Background Color
style='background:#70cbef;'

Border Color

#70cbef Border Color
style='border:2px solid #70cbef;'

Text Shadow

#70cbef Text Shadow
style='text-shadow: 4px 4px 2px #70cbef;'

Shades Gradient

#70cbef Shades Gradient
style='background: -moz-linear-gradient(top, #70cbef, #0c526d); background: -webkit-linear-gradient(top, #70cbef, #0c526d); background: -o-linear-gradient(top, #70cbef, #0c526d); background: -ms-linear-gradient(top, #70cbef, #0c526d); background: linear-gradient(top, #70cbef, #0c526d);'

Tints Gradient

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