#69b0c6 Hex Color

The RBG values of the #69b0c6 hex color are 105 (red), 176 (blue), and 198 (green). While the HSL values of #69b0c6 are 0.54 (hue), 0.31 (saturation), and 0.59 (lightness).

The CMYK values of #69b0c6 are 0.47 (cyan), 0.11 (magenta), 0 (yellow), and 0.22 (black).


#69b0c6 Color Spaces Conversions

This are the conversions of #69b0c6 to the different color spaces.

Hexadecimal

69b0c6

CIE-Lab

68.1172, -16.3984, -18.1366

RGB

105, 176, 198

CIE-Lch

68.1172, 24.4508, 227.8815

HSL

0.54, 0.31, 0.59

CIE-Luv

68.1172, -32.1073, -25.5549

HSV

0.54, 0.47, 0.78

Hunter-Lab

61.7504, -16.8798, -13.5425

CMYK

0.47, 0.11, 0, 0.22

XYZ

31.5441, 38.1311, 59.1236

Binary

1101001, 10110000, 11000110

YXY

38.1311, 0.2449, 0.2961

#69b0c6 Color Schemes

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

#69b0c6 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #69b0c6 to #142d35.

#69b0c6 Color Tints

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

#69b0c6 Similar Hex Colors



#69b0c6 Style Preview

Font Color

#69b0c6 Font Color
style='color:#69b0c6;'

Background Color

#69b0c6 Background Color
style='background:#69b0c6;'

Border Color

#69b0c6 Border Color
style='border:2px solid #69b0c6;'

Text Shadow

#69b0c6 Text Shadow
style='text-shadow: 4px 4px 2px #69b0c6;'

Shades Gradient

#69b0c6 Shades Gradient
style='background: -moz-linear-gradient(top, #69b0c6, #142d35); background: -webkit-linear-gradient(top, #69b0c6, #142d35); background: -o-linear-gradient(top, #69b0c6, #142d35); background: -ms-linear-gradient(top, #69b0c6, #142d35); background: linear-gradient(top, #69b0c6, #142d35);'

Tints Gradient

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