#1485b2 Hex Color

The RBG values of the #1485b2 hex color are 20 (red), 133 (blue), and 178 (green). While the HSL values of #1485b2 are 0.55 (hue), 0.8 (saturation), and 0.39 (lightness).

The CMYK values of #1485b2 are 0.89 (cyan), 0.25 (magenta), 0 (yellow), and 0.3 (black).


#1485b2 Color Spaces Conversions

This are the conversions of #1485b2 to the different color spaces.

Hexadecimal

1485b2

CIE-Lab

51.993, -12.9609, -31.8845

RGB

20, 133, 178

CIE-Lch

51.993, 34.4181, 247.8785

HSL

0.55, 0.8, 0.39

CIE-Luv

51.993, -34.2352, -46.816

HSV

0.55, 0.89, 0.7

Hunter-Lab

44.8755, -12.0578, -28.2077

CMYK

0.89, 0.25, 0, 0.3

XYZ

16.7119, 20.1381, 45.1257

Binary

10100, 10000101, 10110010

YXY

20.1381, 0.2039, 0.2457

#1485b2 Color Schemes

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

#1485b2 Color Shades

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

#1485b2 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #1485b2 to #b5e4f7.

#1485b2 Similar Hex Colors



#1485b2 Style Preview

Font Color

#1485b2 Font Color
style='color:#1485b2;'

Background Color

#1485b2 Background Color
style='background:#1485b2;'

Border Color

#1485b2 Border Color
style='border:2px solid #1485b2;'

Text Shadow

#1485b2 Text Shadow
style='text-shadow: 4px 4px 2px #1485b2;'

Shades Gradient

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

Tints Gradient

#1485b2 Tints Gradient
style='background: -moz-linear-gradient(top, #1485b2, #b5e4f7); background: -webkit-linear-gradient(top, #1485b2, #b5e4f7); background: -o-linear-gradient(top, #1485b2, #b5e4f7); background: -ms-linear-gradient(top, #1485b2, #b5e4f7); background: linear-gradient(top, #1485b2, #b5e4f7);'