#5FFF04 Color Information


In the RGB color space, #5FFF04 is composed of 37.2549% red, 100% green, and 1.5686% blue.

In the CMYK color space, #5FFF04 is composed of 62.75% cyan, 0% magenta, 98.43% yellow, and 0% black,

It has a hue angle of 98.3 degrees, a saturation of 100%, and a lightness of 50.79%.

The closest websafe color is #66FF00.

#5FFF04 RGB Values

#5FFF04 CMYK Values



#5FFF04 Color Conversion


The hexadecimal color #5FFF04 has RGB values of R:95, G:255, B:4 and CMYK values of C:62.75, M:0, Y:98.43, K:0. It has a decimal value of 6291204.


Hexadecimal #5FFF04 #5FFF04
RGB Decimal 95, 255, 4 rgb(95, 255, 4)
RGB Percent 37.2549, 100, 1.5686 rgb(37.2549%, 100%, 1.5686%)
RGB Proportion 0.3725, 1.0, 0.0157 rgb(0.3725, 1.0, 0.0157)
CMYK 62.75, 0, 98.43, 0
HSL 98.3ยบ, 100, 50.79 hsl(98.3, 100%, 50.79%)
Websafe 66FF00 #66FF00
XYZ 40.5, 73.961, 12.256
Yxy 73.961, 0.32, 0.584
CIE-LAB 88.904, -75.923, 84.303
CIE-LCH 88.904, 113.452, 132.006
CIE-LUV 88.904, -70.876, 107.018
Hunter-Lab 86.001, -66.441, 51.751

Color Schemes For #5FFF04


Colors that go well with #5FFF04.

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

Alternatives to #5FFF04


Colors similar to #5FFF04.


#5FFF04 Preview


Common HTML and CSS shortcodes for #5FFF04.

Text with color #5FFF04


The quick brown fox jumps over the lazy dog.

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

#5FFF04 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5FFF04


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5FFF04


Linear gradient from #5FFF04 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5FFF04


Radial gradient from #5FFF04 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5FFF04 and its Complementary Color


Linear gradient from #5FFF04 to #A000FB.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5FFF04 and its Complementary Color


Radial gradient from #5FFF04 to #A000FB.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors