#66DE30 Color Information


In the RGB color space, #66DE30 is composed of 40% red, 87.0588% green, and 18.8235% blue.

In the CMYK color space, #66DE30 is composed of 54.05% cyan, 0% magenta, 78.38% yellow, and 12.94% black,

It has a hue angle of 101.4 degrees, a saturation of 72.5%, and a lightness of 52.94%.

The closest websafe color is #66CC33.

#66DE30 RGB Values

#66DE30 CMYK Values



#66DE30 Color Conversion


The hexadecimal color #66DE30 has RGB values of R:102, G:222, B:48 and CMYK values of C:54.05, M:0, Y:78.38, K:12.94. It has a decimal value of 6741552.


Hexadecimal #66DE30 #66DE30
RGB Decimal 102, 222, 48 rgb(102, 222, 48)
RGB Percent 40, 87.0588, 18.8235 rgb(40%, 87.0588%, 18.8235%)
RGB Proportion 0.4, 0.8706, 0.1882 rgb(0.4, 0.8706, 0.1882)
CMYK 54.05, 0, 78.38, 12.94
HSL 101.4ยบ, 72.5, 52.94 hsl(101.4, 72.5%, 52.94%)
Websafe 66CC33 #66CC33
XYZ 32.135, 55.282, 11.772
Yxy 55.282, 0.324, 0.557
CIE-LAB 79.203, -62.036, 68.866
CIE-LCH 79.203, 92.688, 132.013
CIE-LUV 79.203, -56.104, 89.095
Hunter-Lab 74.352, -52.968, 42.659

Color Schemes For #66DE30


Colors that go well with #66DE30.

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

Alternatives to #66DE30


Colors similar to #66DE30.


#66DE30 Preview


Common HTML and CSS shortcodes for #66DE30.

Text with color #66DE30


The quick brown fox jumps over the lazy dog.

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

#66DE30 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #66DE30


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #66DE30


Linear gradient from #66DE30 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #66DE30


Radial gradient from #66DE30 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #66DE30 and its Complementary Color


Linear gradient from #66DE30 to #9921CF.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#66DE30, #9921CF);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #66DE30 and its Complementary Color


Radial gradient from #66DE30 to #9921CF.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#66DE30, #9921CF);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors