#5ade64 hex color

In a RGB color space, hex #5ade64 is composed of 35.3% red, 87.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 0% magenta, 55% yellow and 12.9% black. It has a hue angle of 124.5 degrees, a saturation of 66.7% and a lightness of 61.2%. #5ade64 color hex could be obtained by blending #b4ffc8 with #00bd00. Closest websafe color is: #66cc66.

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

● #5ade64 color description : Soft lime green.

The hexadecimal color #5ade64 has RGB values of R:90, G:222, B:100 and CMYK values of C:0.59, M:0, Y:0.55, K:0.13. Its decimal value is 5955172.

Hex triplet	5ade64	`#5ade64`
RGB Decimal	90, 222, 100	`rgb(90,222,100)`
RGB Percent	35.3, 87.1, 39.2	`rgb(35.3%,87.1%,39.2%)`
CMYK	59, 0, 55, 13
HSL	124.5°, 66.7, 61.2	`hsl(124.5,66.7%,61.2%)`
HSV (or HSB)	124.5°, 59.5, 87.1
Web Safe	66cc66	`#66cc66`

CIE-LAB	79.233, -60.362, 48.611
XYZ	32.636, 55.334, 21.016
xyY	0.299, 0.508, 55.334
CIE-LCH	79.233, 77.502, 141.154
CIE-LUV	79.233, -58.522, 71.735
Hunter-Lab	74.387, -51.862, 35.319
Binary	01011010, 11011110, 01100100

#5ade64
```
#5ade64 rgb(90,222,100)
```
#de5ad4
```
#de5ad4 rgb(222,90,212)
```

Complementary Color

#92de5a
```
#92de5a rgb(146,222,90)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#5adea6
```
#5adea6 rgb(90,222,166)
```

Analogous Color

#de5a92
```
#de5a92 rgb(222,90,146)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#a65ade
```
#a65ade rgb(166,90,222)
```

Split Complementary Color

#de645a
```
#de645a rgb(222,100,90)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#645ade
```
#645ade rgb(100,90,222)
```

Triadic Color

#d4de5a
```
#d4de5a rgb(212,222,90)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#645ade
```
#645ade rgb(100,90,222)
```
#de5ad4
```
#de5ad4 rgb(222,90,212)
```

Tetradic Color

#27c433
```
#27c433 rgb(39,196,51)
```
#30d63c
```
#30d63c rgb(48,214,60)
```
#45da50
```
#45da50 rgb(69,218,80)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#6fe278
```
#6fe278 rgb(111,226,120)
```
#85e78c
```
#85e78c rgb(133,231,140)
```
#9aeba0
```
#9aeba0 rgb(154,235,160)
```

Monochromatic Color

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

#71de5a
```
#71de5a rgb(113,222,90)
```
#66de5a
```
#66de5a rgb(102,222,90)
```
#5bde5a
```
#5bde5a rgb(91,222,90)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#5ade6f
```
#5ade6f rgb(90,222,111)
```
#5ade7a
```
#5ade7a rgb(90,222,122)
```
#5ade85
```
#5ade85 rgb(90,222,133)
```

Similar Colors

Text with hexadecimal color #5ade64

This text has a font color of #5ade64.

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

#5ade64 background color

This paragraph has a background color of #5ade64.

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

#5ade64 border color

This element has a border color of #5ade64.

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

CSS codes

.text {color:#5ade64;}

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

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

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, #030f04 is the darkest color, while #fdfffe is the lightest one.

#030f04
```
#030f04 rgb(3,15,4)
```
#061f08
```
#061f08 rgb(6,31,8)
```
#0a300c
```
#0a300c rgb(10,48,12)
```
#0d4011
```
#0d4011 rgb(13,64,17)
```
#105015
```
#105015 rgb(16,80,21)
```
#136119
```
#136119 rgb(19,97,25)
```
#17711d
```
#17711d rgb(23,113,29)
```
#1a8122
```
#1a8122 rgb(26,129,34)
```
#1d9226
```
#1d9226 rgb(29,146,38)
```
#20a22a
```
#20a22a rgb(32,162,42)
```
#24b22e
```
#24b22e rgb(36,178,46)
```
#27c333
```
#27c333 rgb(39,195,51)
```
#2ad337
```
#2ad337 rgb(42,211,55)
```

Shade Color Variation

#39d745
```
#39d745 rgb(57,215,69)
```
#4adb55
```
#4adb55 rgb(74,219,85)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#6ae173
```
#6ae173 rgb(106,225,115)
```
#7be583
```
#7be583 rgb(123,229,131)
```
#8be892
```
#8be892 rgb(139,232,146)
```
#9beba1
```
#9beba1 rgb(155,235,161)
```
#aceeb1
```
#aceeb1 rgb(172,238,177)
```
#bcf2c0
```
#bcf2c0 rgb(188,242,192)
```
#ccf5cf
```
#ccf5cf rgb(204,245,207)
```
#ddf8df
```
#ddf8df rgb(221,248,223)
```
#edfbee
```
#edfbee rgb(237,251,238)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a198 is the less saturated color, while #3cfc4a is the most saturated one.

#97a198
```
#97a198 rgb(151,161,152)
```
#8fa991
```
#8fa991 rgb(143,169,145)
```
#88b08b
```
#88b08b rgb(136,176,139)
```
#80b884
```
#80b884 rgb(128,184,132)
```
#78c07e
```
#78c07e rgb(120,192,126)
```
#71c777
```
#71c777 rgb(113,199,119)
```
#69cf71
```
#69cf71 rgb(105,207,113)
```
#62d66a
```
#62d66a rgb(98,214,106)
```
#5ade64
```
#5ade64 rgb(90,222,100)
```
#52e65e
```
#52e65e rgb(82,230,94)
```
#4bed57
```
#4bed57 rgb(75,237,87)
```
#43f551
```
#43f551 rgb(67,245,81)
```
#3cfc4a
```
#3cfc4a rgb(60,252,74)
```

Tone Color Variation

Below, you can see how #5ade64 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

#a9a9a9 Achromatopsia 0.005% of the population
#99b49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc764 Protanopia 1% of men
#f0be78 Deuteranopia 1% of men
#85d3e2 Tritanopia 0.001% of the population

Trichromacy

#accf64 Protanomaly 1% of men, 0.01% of women
#b9ca70 Deuteranomaly 6% of men, 0.4% of women
#75d7b4 Tritanomaly 0.01% of the population

#5ade64 hex color

#5ade64 Color Information

#5ade64 Color Conversion

Color Schemes with #5ade64

Alternatives to #5ade64

#5ade64 Preview

Shades and Tints of #5ade64

Tones of #5ade64

Color Blindness Simulator