#007c30 Hex Color

The RBG values of the #007c30 hex color are 0 (red), 124 (blue), and 48 (green). While the HSL values of #007c30 are 0.4 (hue), 1 (saturation), and 0.24 (lightness).

The CMYK values of #007c30 are 1 (cyan), 0 (magenta), 0.61 (yellow), and 0.51 (black).


#007c30 Color Spaces Conversions

This are the conversions of #007c30 to the different color spaces.

Hexadecimal

007c30

CIE-Lab

45.1214, -46.7209, 32.764

RGB

0, 124, 48

CIE-Lch

45.1214, 57.0642, 144.9592

HSL

0.4, 1, 0.24

CIE-Luv

45.1214, -41.2437, 43.3464

HSV

0.4, 1, 0.49

Hunter-Lab

38.2475, -30.8054, 18.6939

CMYK

1, 0, 0.61, 0.51

XYZ

7.7412, 14.6287, 5.2119

Binary

0, 1111100, 110000

YXY

14.6287, 0.2807, 0.5304

#007c30 Color Schemes

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

#007c30 Color Shades

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

#007c30 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #007c30 to #63ff9f.

#007c30 Similar Hex Colors



#007c30 Style Preview

Font Color

#007c30 Font Color
style='color:#007c30;'

Background Color

#007c30 Background Color
style='background:#007c30;'

Border Color

#007c30 Border Color
style='border:2px solid #007c30;'

Text Shadow

#007c30 Text Shadow
style='text-shadow: 4px 4px 2px #007c30;'

Shades Gradient

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

Tints Gradient

#007c30 Tints Gradient
style='background: -moz-linear-gradient(top, #007c30, #63ff9f); background: -webkit-linear-gradient(top, #007c30, #63ff9f); background: -o-linear-gradient(top, #007c30, #63ff9f); background: -ms-linear-gradient(top, #007c30, #63ff9f); background: linear-gradient(top, #007c30, #63ff9f);'