#5ae46a hex color

In a RGB color space, hex #5ae46a is composed of 35.3% red, 89.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 53.5% yellow and 10.6% black. It has a hue angle of 127 degrees, a saturation of 71.9% and a lightness of 62.4%. #5ae46a color hex could be obtained by blending #b4ffd4 with #00c900. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 35
- G 89
- B 42
RGB color chart
- C 61
- M 0
- Y 54
- K 11
CMYK color chart

● #5ae46a color description : Soft lime green.

The hexadecimal color #5ae46a has RGB values of R:90, G:228, B:106 and CMYK values of C:0.61, M:0, Y:0.54, K:0.11. Its decimal value is 5956714.

Hex triplet	5ae46a	`#5ae46a`
RGB Decimal	90, 228, 106	`rgb(90,228,106)`
RGB Percent	35.3, 89.4, 41.6	`rgb(35.3%,89.4%,41.6%)`
CMYK	61, 0, 54, 11
HSL	127°, 71.9, 62.4	`hsl(127,71.9%,62.4%)`
HSV (or HSB)	127°, 60.5, 89.4
Web Safe	66cc66	`#66cc66`

CIE-LAB	81.125, -61.772, 48.099
XYZ	34.559, 58.698, 23.144
xyY	0.297, 0.504, 58.698
CIE-LCH	81.125, 78.29, 142.094
CIE-LUV	81.125, -60.557, 72.015
Hunter-Lab	76.615, -53.558, 35.72
Binary	01011010, 11100100, 01101010

#5ae46a
```
#5ae46a rgb(90,228,106)
```
#e45ad4
```
#e45ad4 rgb(228,90,212)
```

Complementary Color

#8fe45a
```
#8fe45a rgb(143,228,90)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#5ae4af
```
#5ae4af rgb(90,228,175)
```

Analogous Color

#e45a8f
```
#e45a8f rgb(228,90,143)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```

Split Complementary Color

#e46a5a
```
#e46a5a rgb(228,106,90)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#6a5ae4
```
#6a5ae4 rgb(106,90,228)
```

Triadic Color

#d4e45a
```
#d4e45a rgb(212,228,90)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#6a5ae4
```
#6a5ae4 rgb(106,90,228)
```
#e45ad4
```
#e45ad4 rgb(228,90,212)
```

Tetradic Color

#22d036
```
#22d036 rgb(34,208,54)
```
#2edd42
```
#2edd42 rgb(46,221,66)
```
#44e056
```
#44e056 rgb(68,224,86)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#70e87e
```
#70e87e rgb(112,232,126)
```
#86eb92
```
#86eb92 rgb(134,235,146)
```
#9cefa5
```
#9cefa5 rgb(156,239,165)
```

Monochromatic Color

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

#6de45a
```
#6de45a rgb(109,228,90)
```
#61e45a
```
#61e45a rgb(97,228,90)
```
#5ae45f
```
#5ae45f rgb(90,228,95)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#5ae476
```
#5ae476 rgb(90,228,118)
```
#5ae481
```
#5ae481 rgb(90,228,129)
```
#5ae48d
```
#5ae48d rgb(90,228,141)
```

Similar Colors

Text with hexadecimal color #5ae46a

This text has a font color of #5ae46a.

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

#5ae46a background color

This paragraph has a background color of #5ae46a.

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

#5ae46a border color

This element has a border color of #5ae46a.

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

CSS codes

.text {color:#5ae46a;}

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

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

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, #010401 is the darkest color, while #f2fdf3 is the lightest one.

#010401
```
#010401 rgb(1,4,1)
```
#031405
```
#031405 rgb(3,20,5)
```
#06250a
```
#06250a rgb(6,37,10)
```
#09360e
```
#09360e rgb(9,54,14)
```
#0c4713
```
#0c4713 rgb(12,71,19)
```
#0e5817
```
#0e5817 rgb(14,88,23)
```
#11691b
```
#11691b rgb(17,105,27)
```
#147a20
```
#147a20 rgb(20,122,32)
```
#178a24
```
#178a24 rgb(23,138,36)
```
#199b28
```
#199b28 rgb(25,155,40)
```
#1cac2d
```
#1cac2d rgb(28,172,45)
```
#1fbd31
```
#1fbd31 rgb(31,189,49)
```
#22ce36
```
#22ce36 rgb(34,206,54)
```

Shade Color Variation

#27dc3c
```
#27dc3c rgb(39,220,60)
```
#38de4c
```
#38de4c rgb(56,222,76)
```
#49e15b
```
#49e15b rgb(73,225,91)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#6be779
```
#6be779 rgb(107,231,121)
```
#7cea88
```
#7cea88 rgb(124,234,136)
```
#8dec98
```
#8dec98 rgb(141,236,152)
```
#9defa7
```
#9defa7 rgb(157,239,167)
```
#aef2b6
```
#aef2b6 rgb(174,242,182)
```
#bff5c5
```
#bff5c5 rgb(191,245,197)
```
#d0f7d5
```
#d0f7d5 rgb(208,247,213)
```
#e1fae4
```
#e1fae4 rgb(225,250,228)
```
#f2fdf3
```
#f2fdf3 rgb(242,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca29d is the less saturated color, while #44fa59 is the most saturated one.

#9ca29d
```
#9ca29d rgb(156,162,157)
```
#95a997
```
#95a997 rgb(149,169,151)
```
#8eb092
```
#8eb092 rgb(142,176,146)
```
#86b88c
```
#86b88c rgb(134,184,140)
```
#7fbf86
```
#7fbf86 rgb(127,191,134)
```
#78c681
```
#78c681 rgb(120,198,129)
```
#70ce7b
```
#70ce7b rgb(112,206,123)
```
#69d575
```
#69d575 rgb(105,213,117)
```
#61dd70
```
#61dd70 rgb(97,221,112)
```
#5ae46a
```
#5ae46a rgb(90,228,106)
```
#53eb64
```
#53eb64 rgb(83,235,100)
```
#4bf35f
```
#4bf35f rgb(75,243,95)
```
#44fa59
```
#44fa59 rgb(68,250,89)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9cb8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cc69 Protanopia 1% of men
#f6c37e Deuteranopia 1% of men
#87d8e8 Tritanopia 0.001% of the population

Trichromacy

#afd469 Protanomaly 1% of men, 0.01% of women
#bdcf76 Deuteranomaly 6% of men, 0.4% of women
#76dcba Tritanomaly 0.01% of the population

#5ae46a hex color

#5ae46a Color Information

#5ae46a Color Conversion

Color Schemes with #5ae46a

Alternatives to #5ae46a

#5ae46a Preview

Shades and Tints of #5ae46a

Tones of #5ae46a

Color Blindness Simulator