#1696c9 Hex Color

The RBG values of the #1696c9 hex color are 22 (red), 150 (blue), and 201 (green). While the HSL values of #1696c9 are 0.55 (hue), 0.8 (saturation), and 0.44 (lightness).

The CMYK values of #1696c9 are 0.89 (cyan), 0.25 (magenta), 0 (yellow), and 0.21 (black).


#1696c9 Color Spaces Conversions

This are the conversions of #1696c9 to the different color spaces.

Hexadecimal

1696c9

CIE-Lab

58.2267, -13.9751, -35.2296

RGB

22, 150, 201

CIE-Lch

58.2267, 37.9002, 248.3625

HSL

0.55, 0.8, 0.44

CIE-Luv

58.2267, -38.4152, -53.1482

HSV

0.55, 0.89, 0.79

Hunter-Lab

51.1862, -13.6238, -32.7046

CMYK

0.89, 0.25, 0, 0.21

XYZ

21.7798, 26.2003, 59.1676

Binary

10110, 10010110, 11001001

YXY

26.2003, 0.2033, 0.2445

#1696c9 Color Schemes

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

#1696c9 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #1696c9 to #000000.

#1696c9 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #1696c9 to #cbecf9.

#1696c9 Similar Hex Colors



#1696c9 Style Preview

Font Color

#1696c9 Font Color
style='color:#1696c9;'

Background Color

#1696c9 Background Color
style='background:#1696c9;'

Border Color

#1696c9 Border Color
style='border:2px solid #1696c9;'

Text Shadow

#1696c9 Text Shadow
style='text-shadow: 4px 4px 2px #1696c9;'

Shades Gradient

#1696c9 Shades Gradient
style='background: -moz-linear-gradient(top, #1696c9, #000000); background: -webkit-linear-gradient(top, #1696c9, #000000); background: -o-linear-gradient(top, #1696c9, #000000); background: -ms-linear-gradient(top, #1696c9, #000000); background: linear-gradient(top, #1696c9, #000000);'

Tints Gradient

#1696c9 Tints Gradient
style='background: -moz-linear-gradient(top, #1696c9, #cbecf9); background: -webkit-linear-gradient(top, #1696c9, #cbecf9); background: -o-linear-gradient(top, #1696c9, #cbecf9); background: -ms-linear-gradient(top, #1696c9, #cbecf9); background: linear-gradient(top, #1696c9, #cbecf9);'