#30a1b3 Hex Color

The RBG values of the #30a1b3 hex color are 48 (red), 161 (blue), and 179 (green). While the HSL values of #30a1b3 are 0.52 (hue), 0.58 (saturation), and 0.45 (lightness).

The CMYK values of #30a1b3 are 0.73 (cyan), 0.1 (magenta), 0 (yellow), and 0.3 (black).


#30a1b3 Color Spaces Conversions

This are the conversions of #30a1b3 to the different color spaces.

Hexadecimal

30a1b3

CIE-Lab

61.1092, -24.9056, -18.3668

RGB

48, 161, 179

CIE-Lch

61.1092, 30.9456, 216.407

HSL

0.52, 0.58, 0.45

CIE-Luv

61.1092, -40.9248, -24.445

HSV

0.52, 0.73, 0.7

Hunter-Lab

54.1967, -22.0549, -13.6462

CMYK

0.73, 0.1, 0, 0.3

XYZ

22.1005, 29.3728, 47.1525

Binary

110000, 10100001, 10110011

YXY

29.3728, 0.2241, 0.2978

#30a1b3 Color Schemes

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

#30a1b3 Color Shades

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

#30a1b3 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #30a1b3 to #d5eff4.

#30a1b3 Similar Hex Colors



#30a1b3 Style Preview

Font Color

#30a1b3 Font Color
style='color:#30a1b3;'

Background Color

#30a1b3 Background Color
style='background:#30a1b3;'

Border Color

#30a1b3 Border Color
style='border:2px solid #30a1b3;'

Text Shadow

#30a1b3 Text Shadow
style='text-shadow: 4px 4px 2px #30a1b3;'

Shades Gradient

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

Tints Gradient

#30a1b3 Tints Gradient
style='background: -moz-linear-gradient(top, #30a1b3, #d5eff4); background: -webkit-linear-gradient(top, #30a1b3, #d5eff4); background: -o-linear-gradient(top, #30a1b3, #d5eff4); background: -ms-linear-gradient(top, #30a1b3, #d5eff4); background: linear-gradient(top, #30a1b3, #d5eff4);'