#45B320 Color Information


In the RGB color space, #45B320 is composed of 27.0588% red, 70.1961% green, and 12.549% blue.

In the CMYK color space, #45B320 is composed of 61.45% cyan, 0% magenta, 82.12% yellow, and 29.8% black,

It has a hue angle of 104.9 degrees, a saturation of 69.67%, and a lightness of 41.37%.

The closest websafe color is #33CC33.

#45B320 RGB Values

#45B320 CMYK Values



#45B320 Color Conversion


The hexadecimal color #45B320 has RGB values of R:69, G:179, B:32 and CMYK values of C:61.45, M:0, Y:82.12, K:29.8. It has a decimal value of 4567840.


Hexadecimal #45B320 #45B320
RGB Decimal 69, 179, 32 rgb(69, 179, 32)
RGB Percent 27.0588, 70.1961, 12.549 rgb(27.0588%, 70.1961%, 12.549%)
RGB Proportion 0.2706, 0.702, 0.1255 rgb(0.2706, 0.702, 0.1255)
CMYK 61.45, 0, 82.12, 29.8
HSL 104.9ยบ, 69.67, 41.37 hsl(104.9, 69.67%, 41.37%)
Websafe 33CC33 #33CC33
XYZ 18.837, 33.614, 6.862
Yxy 33.614, 0.318, 0.567
CIE-LAB 64.655, -56.136, 59.47
CIE-LCH 64.655, 81.78, 133.348
CIE-LUV 64.655, -49.791, 74.094
Hunter-Lab 57.978, -43.466, 33.567

Color Schemes For #45B320


Colors that go well with #45B320.

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

Alternatives to #45B320


Colors similar to #45B320.


#45B320 Preview


Common HTML and CSS shortcodes for #45B320.

Text with color #45B320


The quick brown fox jumps over the lazy dog.

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

#45B320 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #45B320


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #45B320


Linear gradient from #45B320 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #45B320


Radial gradient from #45B320 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #45B320 and its Complementary Color


Linear gradient from #45B320 to #BA4CDF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #45B320 and its Complementary Color


Radial gradient from #45B320 to #BA4CDF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors