#5ae248 hex color

In a RGB color space, hex #5ae248 is composed of 35.3% red, 88.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 68.1% yellow and 11.4% black. It has a hue angle of 113 degrees, a saturation of 72.6% and a lightness of 58.4%. #5ae248 color hex could be obtained by blending #b4ff90 with #00c500. Closest websafe color is: #66cc33.

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

● #5ae248 color description : Soft lime green.

The hexadecimal color #5ae248 has RGB values of R:90, G:226, B:72 and CMYK values of C:0.6, M:0, Y:0.68, K:0.11. Its decimal value is 5956168.

Hex triplet	5ae248	`#5ae248`
RGB Decimal	90, 226, 72	`rgb(90,226,72)`
RGB Percent	35.3, 88.6, 28.2	`rgb(35.3%,88.6%,28.2%)`
CMYK	60, 0, 68, 11
HSL	113°, 72.6, 58.4	`hsl(113,72.6%,58.4%)`
HSV (or HSB)	113°, 68.1, 88.6
Web Safe	66cc33	`#66cc33`

CIE-LAB	80.197, -64.716, 61.605
XYZ	32.581, 57.032, 15.422
xyY	0.31, 0.543, 57.032
CIE-LCH	80.197, 89.349, 136.411
CIE-LUV	80.197, -60.839, 84.479
Hunter-Lab	75.519, -55.149, 40.756
Binary	01011010, 11100010, 01001000

#5ae248
```
#5ae248 rgb(90,226,72)
```
#d048e2
```
#d048e2 rgb(208,72,226)
```

Complementary Color

#a7e248
```
#a7e248 rgb(167,226,72)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#48e283
```
#48e283 rgb(72,226,131)
```

Analogous Color

#e248a7
```
#e248a7 rgb(226,72,167)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#8348e2
```
#8348e2 rgb(131,72,226)
```

Split Complementary Color

#e2485a
```
#e2485a rgb(226,72,90)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#485ae2
```
#485ae2 rgb(72,90,226)
```

Triadic Color

#e2d048
```
#e2d048 rgb(226,208,72)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#485ae2
```
#485ae2 rgb(72,90,226)
```
#d048e2
```
#d048e2 rgb(208,72,226)
```

Tetradic Color

#31bf1e
```
#31bf1e rgb(49,191,30)
```
#37d522
```
#37d522 rgb(55,213,34)
```
#46df32
```
#46df32 rgb(70,223,50)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#6ee55e
```
#6ee55e rgb(110,229,94)
```
#82e974
```
#82e974 rgb(130,233,116)
```
#96ec8a
```
#96ec8a rgb(150,236,138)
```

Monochromatic Color

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

#81e248
```
#81e248 rgb(129,226,72)
```
#74e248
```
#74e248 rgb(116,226,72)
```
#67e248
```
#67e248 rgb(103,226,72)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#4de248
```
#4de248 rgb(77,226,72)
```
#48e250
```
#48e250 rgb(72,226,80)
```
#48e25c
```
#48e25c rgb(72,226,92)
```

Similar Colors

Text with hexadecimal color #5ae248

This text has a font color of #5ae248.

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

#5ae248 background color

This paragraph has a background color of #5ae248.

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

#5ae248 border color

This element has a border color of #5ae248.

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

CSS codes

.text {color:#5ae248;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#051403
```
#051403 rgb(5,20,3)
```
#0a2506
```
#0a2506 rgb(10,37,6)
```
#0e3609
```
#0e3609 rgb(14,54,9)
```
#12470b
```
#12470b rgb(18,71,11)
```
#17580e
```
#17580e rgb(23,88,14)
```
#1b6911
```
#1b6911 rgb(27,105,17)
```
#1f7a13
```
#1f7a13 rgb(31,122,19)
```
#248b16
```
#248b16 rgb(36,139,22)
```
#289c19
```
#289c19 rgb(40,156,25)
```
#2cad1b
```
#2cad1b rgb(44,173,27)
```
#31be1e
```
#31be1e rgb(49,190,30)
```
#35ce21
```
#35ce21 rgb(53,206,33)
```

Shade Color Variation

#3bdd26
```
#3bdd26 rgb(59,221,38)
```
#4bdf37
```
#4bdf37 rgb(75,223,55)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#69e559
```
#69e559 rgb(105,229,89)
```
#79e76a
```
#79e76a rgb(121,231,106)
```
#88ea7b
```
#88ea7b rgb(136,234,123)
```
#97ed8c
```
#97ed8c rgb(151,237,140)
```
#a6ef9d
```
#a6ef9d rgb(166,239,157)
```
#b6f2ae
```
#b6f2ae rgb(182,242,174)
```
#c5f5bf
```
#c5f5bf rgb(197,245,191)
```
#d4f7cf
```
#d4f7cf rgb(212,247,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, #929991 is the less saturated color, while #47fa30 is the most saturated one.

#929991
```
#929991 rgb(146,153,145)
```
#8ca189
```
#8ca189 rgb(140,161,137)
```
#86a981
```
#86a981 rgb(134,169,129)
```
#7fb179
```
#7fb179 rgb(127,177,121)
```
#79b971
```
#79b971 rgb(121,185,113)
```
#73c169
```
#73c169 rgb(115,193,105)
```
#6dca60
```
#6dca60 rgb(109,202,96)
```
#66d258
```
#66d258 rgb(102,210,88)
```
#60da50
```
#60da50 rgb(96,218,80)
```
#5ae248
```
#5ae248 rgb(90,226,72)
```
#54ea40
```
#54ea40 rgb(84,234,64)
```
#4ef238
```
#4ef238 rgb(78,242,56)
```
#47fa30
```
#47fa30 rgb(71,250,48)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#98b495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ca4a Protanopia 1% of men
#f7c060 Deuteranopia 1% of men
#89d5e4 Tritanopia 0.001% of the population

Trichromacy

#afd249 Protanomaly 1% of men, 0.01% of women
#becc57 Deuteranomaly 6% of men, 0.4% of women
#78d9ab Tritanomaly 0.01% of the population

#5ae248 hex color

#5ae248 Color Information

#5ae248 Color Conversion

Color Schemes with #5ae248

Alternatives to #5ae248

#5ae248 Preview

Shades and Tints of #5ae248

Tones of #5ae248

Color Blindness Simulator