#74AF3A Color Information


In the RGB color space, #74AF3A is composed of 45.4902% red, 68.6275% green, and 22.7451% blue.

In the CMYK color space, #74AF3A is composed of 33.72% cyan, 0% magenta, 66.85% yellow, and 31.37% black,

It has a hue angle of 90.3 degrees, a saturation of 50.21%, and a lightness of 45.69%.

The closest websafe color is #669933.

#74AF3A RGB Values

#74AF3A CMYK Values



#74AF3A Color Conversion


The hexadecimal color #74AF3A has RGB values of R:116, G:175, B:58 and CMYK values of C:33.72, M:0, Y:66.85, K:31.37. It has a decimal value of 7647034.


Hexadecimal #74AF3A #74AF3A
RGB Decimal 116, 175, 58 rgb(116, 175, 58)
RGB Percent 45.4902, 68.6275, 22.7451 rgb(45.4902%, 68.6275%, 22.7451%)
RGB Proportion 0.4549, 0.6863, 0.2275 rgb(0.4549, 0.6863, 0.2275)
CMYK 33.72, 0, 66.85, 31.37
HSL 90.3ยบ, 50.21, 45.69 hsl(90.3, 50.21%, 45.69%)
Websafe 669933 #669933
XYZ 23.298, 34.681, 9.471
Yxy 34.681, 0.345, 0.514
CIE-LAB 65.5, -38.373, 51.901
CIE-LCH 65.5, 64.546, 126.477
CIE-LUV 65.5, -29.714, 65.918
Hunter-Lab 58.891, -32.441, 31.688

Color Schemes For #74AF3A


Colors that go well with #74AF3A.

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

Alternatives to #74AF3A


Colors similar to #74AF3A.


#74AF3A Preview


Common HTML and CSS shortcodes for #74AF3A.

Text with color #74AF3A


The quick brown fox jumps over the lazy dog.

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

#74AF3A as background color


The quick brown fox jumps over the lazy dog.

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

Border with #74AF3A


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #74AF3A


Linear gradient from #74AF3A to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #74AF3A


Radial gradient from #74AF3A to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #74AF3A and its Complementary Color


Linear gradient from #74AF3A to #8B50C5.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#74AF3A, #8B50C5);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #74AF3A and its Complementary Color


Radial gradient from #74AF3A to #8B50C5.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#74AF3A, #8B50C5);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #74AF3A; } .background { background-color: #74AF3A; } .border { border: 1px solid #74AF3A; } .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 #74AF3A


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

Shades


Tints

Random Colors