#5ae350 hex color

In a RGB color space, hex #5ae350 is composed of 35.3% red, 89% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 0% magenta, 64.8% yellow and 11% black. It has a hue angle of 115.9 degrees, a saturation of 72.4% and a lightness of 60.2%. #5ae350 color hex could be obtained by blending #b4ffa0 with #00c700. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 35
- G 89
- B 31
RGB color chart
- C 60
- M 0
- Y 65
- K 11
CMYK color chart

● #5ae350 color description : Soft lime green.

The hexadecimal color #5ae350 has RGB values of R:90, G:227, B:80 and CMYK values of C:0.6, M:0, Y:0.65, K:0.11. Its decimal value is 5956432.

Hex triplet	5ae350	`#5ae350`
RGB Decimal	90, 227, 80	`rgb(90,227,80)`
RGB Percent	35.3, 89, 31.4	`rgb(35.3%,89%,31.4%)`
CMYK	60, 0, 65, 11
HSL	115.9°, 72.4, 60.2	`hsl(115.9,72.4%,60.2%)`
HSV (or HSB)	115.9°, 64.8, 89
Web Safe	66cc66	`#66cc66`

CIE-LAB	80.565, -64.34, 58.844
XYZ	33.132, 57.688, 16.978
xyY	0.307, 0.535, 57.688
CIE-LCH	80.565, 87.191, 137.555
CIE-LUV	80.565, -61.005, 82.254
Hunter-Lab	75.953, -55.053, 39.914
Binary	01011010, 11100011, 01010000

#5ae350
```
#5ae350 rgb(90,227,80)
```
#d950e3
```
#d950e3 rgb(217,80,227)
```

Complementary Color

#a4e350
```
#a4e350 rgb(164,227,80)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#50e390
```
#50e390 rgb(80,227,144)
```

Analogous Color

#e350a4
```
#e350a4 rgb(227,80,164)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#9050e3
```
#9050e3 rgb(144,80,227)
```

Split Complementary Color

#e3505a
```
#e3505a rgb(227,80,90)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#505ae3
```
#505ae3 rgb(80,90,227)
```

Triadic Color

#e3d950
```
#e3d950 rgb(227,217,80)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#505ae3
```
#505ae3 rgb(80,90,227)
```
#d950e3
```
#d950e3 rgb(217,80,227)
```

Tetradic Color

#2bc720
```
#2bc720 rgb(43,199,32)
```
#31dc24
```
#31dc24 rgb(49,220,36)
```
#45df3a
```
#45df3a rgb(69,223,58)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#6fe766
```
#6fe766 rgb(111,231,102)
```
#83ea7c
```
#83ea7c rgb(131,234,124)
```
#98ee92
```
#98ee92 rgb(152,238,146)
```

Monochromatic Color

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

#7fe350
```
#7fe350 rgb(127,227,80)
```
#73e350
```
#73e350 rgb(115,227,80)
```
#66e350
```
#66e350 rgb(102,227,80)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#50e352
```
#50e352 rgb(80,227,82)
```
#50e35e
```
#50e35e rgb(80,227,94)
```
#50e36b
```
#50e36b rgb(80,227,107)
```

Similar Colors

Text with hexadecimal color #5ae350

This text has a font color of #5ae350.

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

#5ae350 background color

This paragraph has a background color of #5ae350.

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

#5ae350 border color

This element has a border color of #5ae350.

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

CSS codes

.text {color:#5ae350;}

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

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

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, #020b02 is the darkest color, while #f9fef9 is the lightest one.

#020b02
```
#020b02 rgb(2,11,2)
```
#061c04
```
#061c04 rgb(6,28,4)
```
#0a2d07
```
#0a2d07 rgb(10,45,7)
```
#0d3e0a
```
#0d3e0a rgb(13,62,10)
```
#114f0d
```
#114f0d rgb(17,79,13)
```
#15600f
```
#15600f rgb(21,96,15)
```
#187012
```
#187012 rgb(24,112,18)
```
#1c8115
```
#1c8115 rgb(28,129,21)
```
#209217
```
#209217 rgb(32,146,23)
```
#23a31a
```
#23a31a rgb(35,163,26)
```
#27b41d
```
#27b41d rgb(39,180,29)
```
#2bc520
```
#2bc520 rgb(43,197,32)
```
#2ed622
```
#2ed622 rgb(46,214,34)
```

Shade Color Variation

#3ade2e
```
#3ade2e rgb(58,222,46)
```
#4ae03f
```
#4ae03f rgb(74,224,63)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#6ae661
```
#6ae661 rgb(106,230,97)
```
#7ae872
```
#7ae872 rgb(122,232,114)
```
#8aeb83
```
#8aeb83 rgb(138,235,131)
```
#9aee94
```
#9aee94 rgb(154,238,148)
```
#aaf1a5
```
#aaf1a5 rgb(170,241,165)
```
#baf3b5
```
#baf3b5 rgb(186,243,181)
```
#caf6c6
```
#caf6c6 rgb(202,246,198)
```
#daf9d7
```
#daf9d7 rgb(218,249,215)
```
#e9fbe8
```
#e9fbe8 rgb(233,251,232)
```
#f9fef9
```
#f9fef9 rgb(249,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979d96 is the less saturated color, while #46fa39 is the most saturated one.

#979d96
```
#979d96 rgb(151,157,150)
```
#90a58e
```
#90a58e rgb(144,165,142)
```
#89ac87
```
#89ac87 rgb(137,172,135)
```
#82b47f
```
#82b47f rgb(130,180,127)
```
#7cbc77
```
#7cbc77 rgb(124,188,119)
```
#75c46f
```
#75c46f rgb(117,196,111)
```
#6ecc67
```
#6ecc67 rgb(110,204,103)
```
#67d360
```
#67d360 rgb(103,211,96)
```
#61db58
```
#61db58 rgb(97,219,88)
```
#5ae350
```
#5ae350 rgb(90,227,80)
```
#53eb48
```
#53eb48 rgb(83,235,72)
```
#4df340
```
#4df340 rgb(77,243,64)
```
#46fa39
```
#46fa39 rgb(70,250,57)
```

Tone Color Variation

Below, you can see how #5ae350 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
#99b597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cb51 Protanopia 1% of men
#f7c167 Deuteranopia 1% of men
#89d6e6 Tritanopia 0.001% of the population

Trichromacy

#b0d351 Protanomaly 1% of men, 0.01% of women
#becd5e Deuteranomaly 6% of men, 0.4% of women
#77dbaf Tritanomaly 0.01% of the population

#5ae350 hex color

#5ae350 Color Information

#5ae350 Color Conversion

Color Schemes with #5ae350

Alternatives to #5ae350

#5ae350 Preview

Shades and Tints of #5ae350

Tones of #5ae350

Color Blindness Simulator