#12f314 Hex Color

The RBG values of the #12f314 hex color are 18 (red), 243 (blue), and 20 (green). While the HSL values of #12f314 are 0.33 (hue), 0.86 (saturation), and 0.51 (lightness).

The CMYK values of #12f314 are 0.93 (cyan), 0 (magenta), 0.92 (yellow), and 0.05 (black).


#12f314 Color Spaces Conversions

This are the conversions of #12f314 to the different color spaces.

Hexadecimal

12f314

CIE-Lab

84.1115, -82.1417, 78.4523

RGB

18, 243, 20

CIE-Lch

84.1115, 113.5871, 136.3161

HSL

0.33, 0.86, 0.51

CIE-Luv

84.1115, -78.7275, 101.6347

HSV

0.33, 0.93, 0.95

Hunter-Lab

80.175, -68.1129, 47.7216

CMYK

0.93, 0, 0.92, 0.05

XYZ

32.4263, 64.2803, 11.3601

Binary

10010, 11110011, 10100

YXY

64.2803, 0.3001, 0.5948

#12f314 Color Schemes

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

#12f314 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #12f314 to #021e02.

#12f314 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #12f314 to #ecfeed.

#12f314 Similar Hex Colors



#12f314 Style Preview

Font Color

#12f314 Font Color
style='color:#12f314;'

Background Color

#12f314 Background Color
style='background:#12f314;'

Border Color

#12f314 Border Color
style='border:2px solid #12f314;'

Text Shadow

#12f314 Text Shadow
style='text-shadow: 4px 4px 2px #12f314;'

Shades Gradient

#12f314 Shades Gradient
style='background: -moz-linear-gradient(top, #12f314, #021e02); background: -webkit-linear-gradient(top, #12f314, #021e02); background: -o-linear-gradient(top, #12f314, #021e02); background: -ms-linear-gradient(top, #12f314, #021e02); background: linear-gradient(top, #12f314, #021e02);'

Tints Gradient

#12f314 Tints Gradient
style='background: -moz-linear-gradient(top, #12f314, #ecfeed); background: -webkit-linear-gradient(top, #12f314, #ecfeed); background: -o-linear-gradient(top, #12f314, #ecfeed); background: -ms-linear-gradient(top, #12f314, #ecfeed); background: linear-gradient(top, #12f314, #ecfeed);'