#36D531 Color Information


In the RGB color space, #36D531 is composed of 21.1765% red, 83.5294% green, and 19.2157% blue.

In the CMYK color space, #36D531 is composed of 74.64% cyan, 0% magenta, 76.99% yellow, and 16.47% black,

It has a hue angle of 118.2 degrees, a saturation of 66.13%, and a lightness of 51.38%.

The closest websafe color is #33CC33.

#36D531 RGB Values

#36D531 CMYK Values



#36D531 Color Conversion


The hexadecimal color #36D531 has RGB values of R:54, G:213, B:49 and CMYK values of C:74.64, M:0, Y:76.99, K:16.47. It has a decimal value of 3593521.


Hexadecimal #36D531 #36D531
RGB Decimal 54, 213, 49 rgb(54, 213, 49)
RGB Percent 21.1765, 83.5294, 19.2157 rgb(21.1765%, 83.5294%, 19.2157%)
RGB Proportion 0.2118, 0.8353, 0.1922 rgb(0.2118, 0.8353, 0.1922)
CMYK 74.64, 0, 76.99, 16.47
HSL 118.2ยบ, 66.13, 51.38 hsl(118.2, 66.13%, 51.38%)
Websafe 33CC33 #33CC33
XYZ 25.871, 48.596, 10.923
Yxy 48.596, 0.303, 0.569
CIE-LAB 75.199, -69.063, 64.31
CIE-LCH 75.199, 94.369, 137.041
CIE-LUV 75.199, -64.956, 85.04
Hunter-Lab 69.711, -55.749, 39.507

Color Schemes For #36D531


Colors that go well with #36D531.

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

Alternatives to #36D531


Colors similar to #36D531.


#36D531 Preview


Common HTML and CSS shortcodes for #36D531.

Text with color #36D531


The quick brown fox jumps over the lazy dog.

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

#36D531 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #36D531


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #36D531


Linear gradient from #36D531 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #36D531


Radial gradient from #36D531 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #36D531 and its Complementary Color


Linear gradient from #36D531 to #C92ACE.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #36D531 and its Complementary Color


Radial gradient from #36D531 to #C92ACE.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors