#306c7f Hex Color

The RBG values of the #306c7f hex color are 48 (red), 108 (blue), and 127 (green). While the HSL values of #306c7f are 0.54 (hue), 0.45 (saturation), and 0.34 (lightness).

The CMYK values of #306c7f are 0.62 (cyan), 0.15 (magenta), 0 (yellow), and 0.5 (black).


#306c7f Color Spaces Conversions

This are the conversions of #306c7f to the different color spaces.

Hexadecimal

306c7f

CIE-Lab

42.5907, -13.3033, -16.3713

RGB

48, 108, 127

CIE-Lch

42.5907, 21.095, 230.9027

HSL

0.54, 0.45, 0.34

CIE-Luv

42.5907, -24.0527, -21.2681

HSV

0.54, 0.62, 0.5

Hunter-Lab

35.8968, -11.0436, -11.2374

CMYK

0.62, 0.15, 0, 0.5

XYZ

10.4123, 12.8858, 22.0171

Binary

110000, 1101100, 1111111

YXY

12.8858, 0.2298, 0.2844

#306c7f Color Schemes

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

#306c7f Color Shades

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

#306c7f Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #306c7f to #b2d7e2.

#306c7f Similar Hex Colors



#306c7f Style Preview

Font Color

#306c7f Font Color
style='color:#306c7f;'

Background Color

#306c7f Background Color
style='background:#306c7f;'

Border Color

#306c7f Border Color
style='border:2px solid #306c7f;'

Text Shadow

#306c7f Text Shadow
style='text-shadow: 4px 4px 2px #306c7f;'

Shades Gradient

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

Tints Gradient

#306c7f Tints Gradient
style='background: -moz-linear-gradient(top, #306c7f, #b2d7e2); background: -webkit-linear-gradient(top, #306c7f, #b2d7e2); background: -o-linear-gradient(top, #306c7f, #b2d7e2); background: -ms-linear-gradient(top, #306c7f, #b2d7e2); background: linear-gradient(top, #306c7f, #b2d7e2);'