#5ade40 hex color

In a RGB color space, hex #5ade40 is composed of 35.3% red, 87.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 0% magenta, 71.2% yellow and 12.9% black. It has a hue angle of 110.1 degrees, a saturation of 70.5% and a lightness of 56.1%. #5ade40 color hex could be obtained by blending #b4ff80 with #00bd00. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 35
- G 87
- B 25
RGB color chart
- C 59
- M 0
- Y 71
- K 13
CMYK color chart

● #5ade40 color description : Bright lime green.

The hexadecimal color #5ade40 has RGB values of R:90, G:222, B:64 and CMYK values of C:0.59, M:0, Y:0.71, K:0.13. Its decimal value is 5955136.

Hex triplet	5ade40	`#5ade40`
RGB Decimal	90, 222, 64	`rgb(90,222,64)`
RGB Percent	35.3, 87.1, 25.1	`rgb(35.3%,87.1%,25.1%)`
CMYK	59, 0, 71, 13
HSL	110.1°, 70.5, 56.1	`hsl(110.1,70.5%,56.1%)`
HSV (or HSB)	110.1°, 71.2, 87.1
Web Safe	66cc33	`#66cc33`

CIE-LAB	78.917, -63.984, 63.243
XYZ	31.262, 54.784, 13.777
xyY	0.313, 0.549, 54.784
CIE-LCH	78.917, 89.964, 135.334
CIE-LUV	78.917, -59.525, 85.113
Hunter-Lab	74.016, -54.136, 40.775
Binary	01011010, 11011110, 01000000

#5ade40
```
#5ade40 rgb(90,222,64)
```
#c440de
```
#c440de rgb(196,64,222)
```

Complementary Color

#a9de40
```
#a9de40 rgb(169,222,64)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#40de75
```
#40de75 rgb(64,222,117)
```

Analogous Color

#de40a9
```
#de40a9 rgb(222,64,169)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#7540de
```
#7540de rgb(117,64,222)
```

Split Complementary Color

#de405a
```
#de405a rgb(222,64,90)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#405ade
```
#405ade rgb(64,90,222)
```

Triadic Color

#dec440
```
#dec440 rgb(222,196,64)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#405ade
```
#405ade rgb(64,90,222)
```
#c440de
```
#c440de rgb(196,64,222)
```

Tetradic Color

#37b31f
```
#37b31f rgb(55,179,31)
```
#3ec823
```
#3ec823 rgb(62,200,35)
```
#47da2a
```
#47da2a rgb(71,218,42)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#6de256
```
#6de256 rgb(109,226,86)
```
#80e66b
```
#80e66b rgb(128,230,107)
```
#92e981
```
#92e981 rgb(146,233,129)
```

Monochromatic Color

Below, you can see some colors close to #5ade40. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#82de40
```
#82de40 rgb(130,222,64)
```
#74de40
```
#74de40 rgb(116,222,64)
```
#67de40
```
#67de40 rgb(103,222,64)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#4dde40
```
#4dde40 rgb(77,222,64)
```
#40de40
```
#40de40 rgb(64,222,64)
```
#40de4d
```
#40de4d rgb(64,222,77)
```

Similar Colors

Text with hexadecimal color #5ade40

This text has a font color of #5ade40.

<span style="color:#5ade40;">Text here</span>

#5ade40 background color

This paragraph has a background color of #5ade40.

<p style="background-color:#5ade40;">Content here</p>

#5ade40 border color

This element has a border color of #5ade40.

<div style="border:1px solid #5ade40;">Content here</div>

CSS codes

.text {color:#5ade40;}

.background {background-color:#5ade40;}

.border {border:1px solid #5ade40;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030a02 is the darkest color, while #f9fef8 is the lightest one.

#030a02
```
#030a02 rgb(3,10,2)
```
#081a05
```
#081a05 rgb(8,26,5)
```
#0d2b07
```
#0d2b07 rgb(13,43,7)
```
#123c0a
```
#123c0a rgb(18,60,10)
```
#184d0d
```
#184d0d rgb(24,77,13)
```
#1d5d10
```
#1d5d10 rgb(29,93,16)
```
#226e13
```
#226e13 rgb(34,110,19)
```
#277f16
```
#277f16 rgb(39,127,22)
```
#2c9019
```
#2c9019 rgb(44,144,25)
```
#31a01c
```
#31a01c rgb(49,160,28)
```
#37b11f
```
#37b11f rgb(55,177,31)
```
#3cc221
```
#3cc221 rgb(60,194,33)
```
#41d224
```
#41d224 rgb(65,210,36)
```

Shade Color Variation

#4cdb2f
```
#4cdb2f rgb(76,219,47)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#68e151
```
#68e151 rgb(104,225,81)
```
#77e461
```
#77e461 rgb(119,228,97)
```
#85e772
```
#85e772 rgb(133,231,114)
```
#94ea83
```
#94ea83 rgb(148,234,131)
```
#a2ec94
```
#a2ec94 rgb(162,236,148)
```
#b1efa4
```
#b1efa4 rgb(177,239,164)
```
#bff2b5
```
#bff2b5 rgb(191,242,181)
```
#cef5c6
```
#cef5c6 rgb(206,245,198)
```
#dcf8d7
```
#dcf8d7 rgb(220,248,215)
```
#eafbe7
```
#eafbe7 rgb(234,251,231)
```
#f9fef8
```
#f9fef8 rgb(249,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e908e is the less saturated color, while #49f826 is the most saturated one.

#8e908e
```
#8e908e rgb(142,144,142)
```
#889985
```
#889985 rgb(136,153,133)
```
#82a27c
```
#82a27c rgb(130,162,124)
```
#7daa74
```
#7daa74 rgb(125,170,116)
```
#77b36b
```
#77b36b rgb(119,179,107)
```
#71bc62
```
#71bc62 rgb(113,188,98)
```
#6bc45a
```
#6bc45a rgb(107,196,90)
```
#66cd51
```
#66cd51 rgb(102,205,81)
```
#60d549
```
#60d549 rgb(96,213,73)
```
#5ade40
```
#5ade40 rgb(90,222,64)
```
#54e737
```
#54e737 rgb(84,231,55)
```
#4eef2f
```
#4eef2f rgb(78,239,47)
```
#49f826
```
#49f826 rgb(73,248,38)
```

Tone Color Variation

Below, you can see how #5ade40 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a5a5a5 Achromatopsia 0.005% of the population
#96b091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc643 Protanopia 1% of men
#f4bd59 Deuteranopia 1% of men
#88d1e0 Tritanopia 0.001% of the population

Trichromacy

#adcf42 Protanomaly 1% of men, 0.01% of women
#bcc950 Deuteranomaly 6% of men, 0.4% of women
#77d6a6 Tritanomaly 0.01% of the population

#5ade40 hex color

#5ade40 Color Information

#5ade40 Color Conversion

Color Schemes with #5ade40

Alternatives to #5ade40

#5ade40 Preview

Shades and Tints of #5ade40

Tones of #5ade40

Color Blindness Simulator