#2C7214 Color Information


In the RGB color space, #2C7214 is composed of 17.2549% red, 44.7059% green, and 7.8431% blue.

In the CMYK color space, #2C7214 is composed of 61.42% cyan, 0% magenta, 82.46% yellow, and 55.29% black,

It has a hue angle of 104.7 degrees, a saturation of 70.16%, and a lightness of 26.27%.

The closest websafe color is #336600.

#2C7214 RGB Values

#2C7214 CMYK Values



#2C7214 Color Conversion


The hexadecimal color #2C7214 has RGB values of R:44, G:114, B:20 and CMYK values of C:61.42, M:0, Y:82.46, K:55.29. It has a decimal value of 2912788.


Hexadecimal #2C7214 #2C7214
RGB Decimal 44, 114, 20 rgb(44, 114, 20)
RGB Percent 17.2549, 44.7059, 7.8431 rgb(17.2549%, 44.7059%, 7.8431%)
RGB Proportion 0.1725, 0.4471, 0.0784 rgb(0.1725, 0.4471, 0.0784)
CMYK 61.42, 0, 82.46, 55.29
HSL 104.7ยบ, 70.16, 26.27 hsl(104.7, 70.16%, 26.27%)
Websafe 336600 #336600
XYZ 7.183, 12.623, 2.719
Yxy 12.623, 0.319, 0.56
CIE-LAB 42.19, -39.423, 41.869
CIE-LCH 42.19, 57.508, 133.277
CIE-LUV 42.19, -31.519, 47.551
Hunter-Lab 35.529, -26.088, 20.333

Color Schemes For #2C7214


Colors that go well with #2C7214.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #2C7214


Colors similar to #2C7214.


#2C7214 Preview


Common HTML and CSS shortcodes for #2C7214.

Text with color #2C7214


The quick brown fox jumps over the lazy dog.

<div style="color: #2C7214;">The quick brown fox jumps over the lazy dog.</div>

#2C7214 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #2C7214;">The quick brown fox jumps over the lazy dog.</div>

Border with #2C7214


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #2C7214;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2C7214


Linear gradient from #2C7214 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2C7214, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2C7214


Radial gradient from #2C7214 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2C7214, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2C7214 and its Complementary Color


Linear gradient from #2C7214 to #D38DEB.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2C7214, #D38DEB);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2C7214 and its Complementary Color


Radial gradient from #2C7214 to #D38DEB.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2C7214, #D38DEB);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #2C7214; } .background { background-color: #2C7214; } .border { border: 1px solid #2C7214; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #2C7214


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000200 while the lightest tint is #FBFCFB.

Shades


Tints

Random Colors