#5ad150 hex color

In a RGB color space, hex #5ad150 is composed of 35.3% red, 82% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 61.7% yellow and 18% black. It has a hue angle of 115.3 degrees, a saturation of 58.4% and a lightness of 56.7%. #5ad150 color hex could be obtained by blending #b4ffa0 with #00a300. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 35
- G 82
- B 31
RGB color chart
- C 57
- M 0
- Y 62
- K 18
CMYK color chart

● #5ad150 color description : Moderate lime green.

The hexadecimal color #5ad150 has RGB values of R:90, G:209, B:80 and CMYK values of C:0.57, M:0, Y:0.62, K:0.18. Its decimal value is 5951824.

Hex triplet	5ad150	`#5ad150`
RGB Decimal	90, 209, 80	`rgb(90,209,80)`
RGB Percent	35.3, 82, 31.4	`rgb(35.3%,82%,31.4%)`
CMYK	57, 0, 62, 18
HSL	115.3°, 58.4, 56.7	`hsl(115.3,58.4%,56.7%)`
HSV (or HSB)	115.3°, 61.7, 82
Web Safe	66cc66	`#66cc66`

CIE-LAB	75.046, -57.922, 52.723
XYZ	28.463, 48.352, 15.422
xyY	0.309, 0.524, 48.352
CIE-LCH	75.046, 78.324, 137.69
CIE-LUV	75.046, -54.168, 73.772
Hunter-Lab	69.535, -48.62, 35.525
Binary	01011010, 11010001, 01010000

#5ad150
```
#5ad150 rgb(90,209,80)
```
#c750d1
```
#c750d1 rgb(199,80,209)
```

Complementary Color

#9bd150
```
#9bd150 rgb(155,209,80)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#50d187
```
#50d187 rgb(80,209,135)
```

Analogous Color

#d1509b
```
#d1509b rgb(209,80,155)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#8750d1
```
#8750d1 rgb(135,80,209)
```

Split Complementary Color

#d1505a
```
#d1505a rgb(209,80,90)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#505ad1
```
#505ad1 rgb(80,90,209)
```

Triadic Color

#d1c750
```
#d1c750 rgb(209,199,80)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#505ad1
```
#505ad1 rgb(80,90,209)
```
#c750d1
```
#c750d1 rgb(199,80,209)
```

Tetradic Color

#36a82c
```
#36a82c rgb(54,168,44)
```
#3cbc32
```
#3cbc32 rgb(60,188,50)
```
#47cc3c
```
#47cc3c rgb(71,204,60)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#6dd664
```
#6dd664 rgb(109,214,100)
```
#80dc78
```
#80dc78 rgb(128,220,120)
```
#93e18d
```
#93e18d rgb(147,225,141)
```

Monochromatic Color

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

#7ad150
```
#7ad150 rgb(122,209,80)
```
#70d150
```
#70d150 rgb(112,209,80)
```
#65d150
```
#65d150 rgb(101,209,80)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#50d151
```
#50d151 rgb(80,209,81)
```
#50d15c
```
#50d15c rgb(80,209,92)
```
#50d166
```
#50d166 rgb(80,209,102)
```

Similar Colors

Text with hexadecimal color #5ad150

This text has a font color of #5ad150.

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

#5ad150 background color

This paragraph has a background color of #5ad150.

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

#5ad150 border color

This element has a border color of #5ad150.

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

CSS codes

.text {color:#5ad150;}

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

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

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, #040b03 is the darkest color, while #fbfefb is the lightest one.

#040b03
```
#040b03 rgb(4,11,3)
```
#091b07
```
#091b07 rgb(9,27,7)
```
#0e2a0b
```
#0e2a0b rgb(14,42,11)
```
#133a0f
```
#133a0f rgb(19,58,15)
```
#184a13
```
#184a13 rgb(24,74,19)
```
#1c5917
```
#1c5917 rgb(28,89,23)
```
#21691b
```
#21691b rgb(33,105,27)
```
#267820
```
#267820 rgb(38,120,32)
```
#2b8824
```
#2b8824 rgb(43,136,36)
```
#309728
```
#309728 rgb(48,151,40)
```
#35a72c
```
#35a72c rgb(53,167,44)
```
#3ab630
```
#3ab630 rgb(58,182,48)
```
#3fc634
```
#3fc634 rgb(63,198,52)
```

Shade Color Variation

#4bcd40
```
#4bcd40 rgb(75,205,64)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#69d560
```
#69d560 rgb(105,213,96)
```
#77d96f
```
#77d96f rgb(119,217,111)
```
#86dd7f
```
#86dd7f rgb(134,221,127)
```
#95e18e
```
#95e18e rgb(149,225,142)
```
#a3e59e
```
#a3e59e rgb(163,229,158)
```
#b2e9ad
```
#b2e9ad rgb(178,233,173)
```
#c1eebd
```
#c1eebd rgb(193,238,189)
```
#cff2cc
```
#cff2cc rgb(207,242,204)
```
#def6dc
```
#def6dc rgb(222,246,220)
```
#ecfaeb
```
#ecfaeb rgb(236,250,235)
```
#fbfefb
```
#fbfefb rgb(251,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c968c is the less saturated color, while #36fc26 is the most saturated one.

#8c968c
```
#8c968c rgb(140,150,140)
```
#859e83
```
#859e83 rgb(133,158,131)
```
#7ea77b
```
#7ea77b rgb(126,167,123)
```
#77af72
```
#77af72 rgb(119,175,114)
```
#70b86a
```
#70b86a rgb(112,184,106)
```
#68c061
```
#68c061 rgb(104,192,97)
```
#61c959
```
#61c959 rgb(97,201,89)
```
#5ad150
```
#5ad150 rgb(90,209,80)
```
#53da48
```
#53da48 rgb(83,218,72)
```
#4ce23f
```
#4ce23f rgb(76,226,63)
```
#44eb37
```
#44eb37 rgb(68,235,55)
```
#3df32e
```
#3df32e rgb(61,243,46)
```
#36fc26
```
#36fc26 rgb(54,252,38)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a98f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc52 Protanopia 1% of men
#e5b465 Deuteranopia 1% of men
#83c6d5 Tritanopia 0.001% of the population

Trichromacy

#a5c451 Protanomaly 1% of men, 0.01% of women
#b2be5d Deuteranomaly 6% of men, 0.4% of women
#74caa4 Tritanomaly 0.01% of the population

#5ad150 hex color

#5ad150 Color Information

#5ad150 Color Conversion

Color Schemes with #5ad150

Alternatives to #5ad150

#5ad150 Preview

Shades and Tints of #5ad150

Tones of #5ad150

Color Blindness Simulator