colorhexa.com

#5ae284 hex color

In a RGB color space, hex #5ae284 is composed of 35.3% red, 88.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 41.6% yellow and 11.4% black. It has a hue angle of 138.5 degrees, a saturation of 70.1% and a lightness of 62%. #5ae284 color hex could be obtained by blending #b4ffff with #00c509. Closest websafe color is: #66cc99.

- R 35
- G 89
- B 52
RGB color chart
- C 60
- M 0
- Y 42
- K 11
CMYK color chart

● #5ae284 color description : Soft cyan - lime green.

The hexadecimal color #5ae284 has RGB values of R:90, G:226, B:132 and CMYK values of C:0.6, M:0, Y:0.42, K:0.11. Its decimal value is 5956228.

Hex triplet	5ae284	`#5ae284`
RGB Decimal	90, 226, 132	`rgb(90,226,132)`
RGB Percent	35.3, 88.6, 51.8	`rgb(35.3%,88.6%,51.8%)`
CMYK	60, 0, 42, 11
HSL	138.5°, 70.1, 62	`hsl(138.5,70.1%,62%)`
HSV (or HSB)	138.5°, 60.2, 88.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	80.866, -57.191, 35.166
XYZ	35.575, 58.229, 31.193
xyY	0.285, 0.466, 58.229
CIE-LCH	80.866, 67.137, 148.413
CIE-LUV	80.866, -58.772, 57.158
Hunter-Lab	76.308, -50.321, 29.179
Binary	01011010, 11100010, 10000100

#5ae284
```
#5ae284 rgb(90,226,132)
```
#e25ab8
```
#e25ab8 rgb(226,90,184)
```

Complementary Color

#74e25a
```
#74e25a rgb(116,226,90)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#5ae2c8
```
#5ae2c8 rgb(90,226,200)
```

Analogous Color

#e25a74
```
#e25a74 rgb(226,90,116)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#c85ae2
```
#c85ae2 rgb(200,90,226)
```

Split Complementary Color

#e2845a
```
#e2845a rgb(226,132,90)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#845ae2
```
#845ae2 rgb(132,90,226)
```

Triadic Color

#b8e25a
```
#b8e25a rgb(184,226,90)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#845ae2
```
#845ae2 rgb(132,90,226)
```
#e25ab8
```
#e25ab8 rgb(226,90,184)
```

Tetradic Color

#24cc58
```
#24cc58 rgb(36,204,88)
```
#2fda64
```
#2fda64 rgb(47,218,100)
```
#44de74
```
#44de74 rgb(68,222,116)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#70e694
```
#70e694 rgb(112,230,148)
```
#85eaa4
```
#85eaa4 rgb(133,234,164)
```
#9bedb5
```
#9bedb5 rgb(155,237,181)
```

Monochromatic Color

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

#5ae262
```
#5ae262 rgb(90,226,98)
```
#5ae26d
```
#5ae26d rgb(90,226,109)
```
#5ae279
```
#5ae279 rgb(90,226,121)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#5ae28f
```
#5ae28f rgb(90,226,143)
```
#5ae29b
```
#5ae29b rgb(90,226,155)
```
#5ae2a6
```
#5ae2a6 rgb(90,226,166)
```

Similar Colors

Text with hexadecimal color #5ae284

This text has a font color of #5ae284.

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

#5ae284 background color

This paragraph has a background color of #5ae284.

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

#5ae284 border color

This element has a border color of #5ae284.

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

CSS codes

.text {color:#5ae284;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#031308
```
#031308 rgb(3,19,8)
```
#06230f
```
#06230f rgb(6,35,15)
```
#093416
```
#093416 rgb(9,52,22)
```
#0c451e
```
#0c451e rgb(12,69,30)
```
#0f5525
```
#0f5525 rgb(15,85,37)
```
#12662c
```
#12662c rgb(18,102,44)
```
#157733
```
#157733 rgb(21,119,51)
```
#18873a
```
#18873a rgb(24,135,58)
```
#1b9841
```
#1b9841 rgb(27,152,65)
```
#1ea949
```
#1ea949 rgb(30,169,73)
```
#21b950
```
#21b950 rgb(33,185,80)
```
#24ca57
```
#24ca57 rgb(36,202,87)
```

Shade Color Variation

#28d95f
```
#28d95f rgb(40,217,95)
```
#39dc6b
```
#39dc6b rgb(57,220,107)
```
#49df78
```
#49df78 rgb(73,223,120)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#6be590
```
#6be590 rgb(107,229,144)
```
#7be89d
```
#7be89d rgb(123,232,157)
```
#8ceba9
```
#8ceba9 rgb(140,235,169)
```
#9deeb6
```
#9deeb6 rgb(157,238,182)
```
#adf1c2
```
#adf1c2 rgb(173,241,194)
```
#bef4cf
```
#bef4cf rgb(190,244,207)
```
#cff7db
```
#cff7db rgb(207,247,219)
```
#dff9e7
```
#dff9e7 rgb(223,249,231)
```
#f0fcf4
```
#f0fcf4 rgb(240,252,244)
```

Tint Color Variation

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

#9d9f9e
```
#9d9f9e rgb(157,159,158)
```
#96a69b
```
#96a69b rgb(150,166,155)
```
#8eae98
```
#8eae98 rgb(142,174,152)
```
#87b595
```
#87b595 rgb(135,181,149)
```
#7fbd92
```
#7fbd92 rgb(127,189,146)
```
#78c48f
```
#78c48f rgb(120,196,143)
```
#70cc8d
```
#70cc8d rgb(112,204,141)
```
#69d38a
```
#69d38a rgb(105,211,138)
```
#61db87
```
#61db87 rgb(97,219,135)
```
#5ae284
```
#5ae284 rgb(90,226,132)
```
#53e981
```
#53e981 rgb(83,233,129)
```
#4bf17e
```
#4bf17e rgb(75,241,126)
```
#44f87b
```
#44f87b rgb(68,248,123)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcb81 Protanopia 1% of men
#f0c395 Deuteranopia 1% of men
#82d8e8 Tritanopia 0.001% of the population

Trichromacy

#add382 Protanomaly 1% of men, 0.01% of women
#b9ce8f Deuteranomaly 6% of men, 0.4% of women
#74dbc3 Tritanomaly 0.01% of the population