#5ae446 hex color

In a RGB color space, hex #5ae446 is composed of 35.3% red, 89.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 69.3% yellow and 10.6% black. It has a hue angle of 112.4 degrees, a saturation of 74.5% and a lightness of 58.4%. #5ae446 color hex could be obtained by blending #b4ff8c with #00c900. Closest websafe color is: #66cc33.

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

● #5ae446 color description : Soft lime green.

The hexadecimal color #5ae446 has RGB values of R:90, G:228, B:70 and CMYK values of C:0.61, M:0, Y:0.69, K:0.11. Its decimal value is 5956678.

Hex triplet	5ae446	`#5ae446`
RGB Decimal	90, 228, 70	`rgb(90,228,70)`
RGB Percent	35.3, 89.4, 27.5	`rgb(35.3%,89.4%,27.5%)`
CMYK	61, 0, 69, 11
HSL	112.4°, 74.5, 58.4	`hsl(112.4,74.5%,58.4%)`
HSV (or HSB)	112.4°, 69.3, 89.4
Web Safe	66cc33	`#66cc33`

CIE-LAB	80.794, -65.569, 62.986
XYZ	33.064, 58.1, 15.266
xyY	0.311, 0.546, 58.1
CIE-LCH	80.794, 90.92, 136.151
CIE-LUV	80.794, -61.63, 85.996
Hunter-Lab	76.223, -55.962, 41.482
Binary	01011010, 11100100, 01000110

#5ae446
```
#5ae446 rgb(90,228,70)
```
#d046e4
```
#d046e4 rgb(208,70,228)
```

Complementary Color

#a9e446
```
#a9e446 rgb(169,228,70)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#46e481
```
#46e481 rgb(70,228,129)
```

Analogous Color

#e446a9
```
#e446a9 rgb(228,70,169)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#8146e4
```
#8146e4 rgb(129,70,228)
```

Split Complementary Color

#e4465a
```
#e4465a rgb(228,70,90)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#465ae4
```
#465ae4 rgb(70,90,228)
```

Triadic Color

#e4d046
```
#e4d046 rgb(228,208,70)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#465ae4
```
#465ae4 rgb(70,90,228)
```
#d046e4
```
#d046e4 rgb(208,70,228)
```

Tetradic Color

#31c11c
```
#31c11c rgb(49,193,28)
```
#37d81f
```
#37d81f rgb(55,216,31)
```
#46e130
```
#46e130 rgb(70,225,48)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#6ee75c
```
#6ee75c rgb(110,231,92)
```
#82ea73
```
#82ea73 rgb(130,234,115)
```
#96ee89
```
#96ee89 rgb(150,238,137)
```

Monochromatic Color

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

#82e446
```
#82e446 rgb(130,228,70)
```
#74e446
```
#74e446 rgb(116,228,70)
```
#67e446
```
#67e446 rgb(103,228,70)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#4de446
```
#4de446 rgb(77,228,70)
```
#46e44c
```
#46e44c rgb(70,228,76)
```
#46e45a
```
#46e45a rgb(70,228,90)
```

Similar Colors

Text with hexadecimal color #5ae446

This text has a font color of #5ae446.

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

#5ae446 background color

This paragraph has a background color of #5ae446.

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

#5ae446 border color

This element has a border color of #5ae446.

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

CSS codes

.text {color:#5ae446;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#051403
```
#051403 rgb(5,20,3)
```
#0a2605
```
#0a2605 rgb(10,38,5)
```
#0e3708
```
#0e3708 rgb(14,55,8)
```
#12480a
```
#12480a rgb(18,72,10)
```
#17590d
```
#17590d rgb(23,89,13)
```
#1b6a0f
```
#1b6a0f rgb(27,106,15)
```
#1f7b12
```
#1f7b12 rgb(31,123,18)
```
#248c14
```
#248c14 rgb(36,140,20)
```
#289d17
```
#289d17 rgb(40,157,23)
```
#2cae19
```
#2cae19 rgb(44,174,25)
```
#31c01c
```
#31c01c rgb(49,192,28)
```
#35d11e
```
#35d11e rgb(53,209,30)
```

Shade Color Variation

#3bdf24
```
#3bdf24 rgb(59,223,36)
```
#4be235
```
#4be235 rgb(75,226,53)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#69e657
```
#69e657 rgb(105,230,87)
```
#79e968
```
#79e968 rgb(121,233,104)
```
#88eb79
```
#88eb79 rgb(136,235,121)
```
#97ee8a
```
#97ee8a rgb(151,238,138)
```
#a6f09c
```
#a6f09c rgb(166,240,156)
```
#b6f3ad
```
#b6f3ad rgb(182,243,173)
```
#c5f5be
```
#c5f5be rgb(197,245,190)
```
#d4f8cf
```
#d4f8cf rgb(212,248,207)
```
#e3fae0
```
#e3fae0 rgb(227,250,224)
```
#f3fdf1
```
#f3fdf1 rgb(243,253,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919b8f is the less saturated color, while #48fc2e is the most saturated one.

#919b8f
```
#919b8f rgb(145,155,143)
```
#8ba387
```
#8ba387 rgb(139,163,135)
```
#85ab7f
```
#85ab7f rgb(133,171,127)
```
#7fb377
```
#7fb377 rgb(127,179,119)
```
#78bb6f
```
#78bb6f rgb(120,187,111)
```
#72c367
```
#72c367 rgb(114,195,103)
```
#6ccc5e
```
#6ccc5e rgb(108,204,94)
```
#66d456
```
#66d456 rgb(102,212,86)
```
#60dc4e
```
#60dc4e rgb(96,220,78)
```
#5ae446
```
#5ae446 rgb(90,228,70)
```
#54ec3e
```
#54ec3e rgb(84,236,62)
```
#4ef436
```
#4ef436 rgb(78,244,54)
```
#48fc2e
```
#48fc2e rgb(72,252,46)
```

Tone Color Variation

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

Dichromacy

#e2cb48 Protanopia 1% of men
#f9c25f Deuteranopia 1% of men
#8ad7e6 Tritanopia 0.001% of the population

Trichromacy

#b0d447 Protanomaly 1% of men, 0.01% of women
#bfce56 Deuteranomaly 6% of men, 0.4% of women
#78dbac Tritanomaly 0.01% of the population

#5ae446 hex color

#5ae446 Color Information

#5ae446 Color Conversion

Color Schemes with #5ae446

Alternatives to #5ae446

#5ae446 Preview

Shades and Tints of #5ae446

Tones of #5ae446

Color Blindness Simulator