#5ad980 hex color

In a RGB color space, hex #5ad980 is composed of 35.3% red, 85.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 0% magenta, 41% yellow and 14.9% black. It has a hue angle of 138 degrees, a saturation of 62.6% and a lightness of 60.2%. #5ad980 color hex could be obtained by blending #b4ffff with #00b301. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 85
- B 50
RGB color chart
- C 59
- M 0
- Y 41
- K 15
CMYK color chart

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

The hexadecimal color #5ad980 has RGB values of R:90, G:217, B:128 and CMYK values of C:0.59, M:0, Y:0.41, K:0.15. Its decimal value is 5953920.

Hex triplet	5ad980	`#5ad980`
RGB Decimal	90, 217, 128	`rgb(90,217,128)`
RGB Percent	35.3, 85.1, 50.2	`rgb(35.3%,85.1%,50.2%)`
CMYK	59, 0, 41, 15
HSL	138°, 62.6, 60.2	`hsl(138,62.6%,60.2%)`
HSV (or HSB)	138°, 58.5, 85.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	78.084, -54.385, 33.558
XYZ	32.924, 53.355, 28.984
xyY	0.286, 0.463, 53.355
CIE-LCH	78.084, 63.905, 148.324
CIE-LUV	78.084, -55.552, 54.308
Hunter-Lab	73.045, -47.372, 27.605
Binary	01011010, 11011001, 10000000

#5ad980
```
#5ad980 rgb(90,217,128)
```
#d95ab3
```
#d95ab3 rgb(217,90,179)
```

Complementary Color

#74d95a
```
#74d95a rgb(116,217,90)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#5ad9c0
```
#5ad9c0 rgb(90,217,192)
```

Analogous Color

#d95a74
```
#d95a74 rgb(217,90,116)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#c05ad9
```
#c05ad9 rgb(192,90,217)
```

Split Complementary Color

#d9805a
```
#d9805a rgb(217,128,90)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#805ad9
```
#805ad9 rgb(128,90,217)
```

Triadic Color

#b3d95a
```
#b3d95a rgb(179,217,90)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#805ad9
```
#805ad9 rgb(128,90,217)
```
#d95ab3
```
#d95ab3 rgb(217,90,179)
```

Tetradic Color

#2bbb56
```
#2bbb56 rgb(43,187,86)
```
#31cf60
```
#31cf60 rgb(49,207,96)
```
#45d470
```
#45d470 rgb(69,212,112)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#6fde90
```
#6fde90 rgb(111,222,144)
```
#83e3a0
```
#83e3a0 rgb(131,227,160)
```
#98e7b0
```
#98e7b0 rgb(152,231,176)
```

Monochromatic Color

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

#5ad960
```
#5ad960 rgb(90,217,96)
```
#5ad96b
```
#5ad96b rgb(90,217,107)
```
#5ad975
```
#5ad975 rgb(90,217,117)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#5ad98b
```
#5ad98b rgb(90,217,139)
```
#5ad995
```
#5ad995 rgb(90,217,149)
```
#5ad9a0
```
#5ad9a0 rgb(90,217,160)
```

Similar Colors

Text with hexadecimal color #5ad980

This text has a font color of #5ad980.

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

#5ad980 background color

This paragraph has a background color of #5ad980.

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

#5ad980 border color

This element has a border color of #5ad980.

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

CSS codes

.text {color:#5ad980;}

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

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

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, #020a05 is the darkest color, while #f9fefb is the lightest one.

#020a05
```
#020a05 rgb(2,10,5)
```
#061a0c
```
#061a0c rgb(6,26,12)
```
#0a2a13
```
#0a2a13 rgb(10,42,19)
```
#0d3a1b
```
#0d3a1b rgb(13,58,27)
```
#114a22
```
#114a22 rgb(17,74,34)
```
#155a29
```
#155a29 rgb(21,90,41)
```
#186a31
```
#186a31 rgb(24,106,49)
```
#1c7a38
```
#1c7a38 rgb(28,122,56)
```
#208a40
```
#208a40 rgb(32,138,64)
```
#239a47
```
#239a47 rgb(35,154,71)
```
#27aa4e
```
#27aa4e rgb(39,170,78)
```
#2bba56
```
#2bba56 rgb(43,186,86)
```
#2eca5d
```
#2eca5d rgb(46,202,93)
```

Shade Color Variation

#3ad267
```
#3ad267 rgb(58,210,103)
```
#4ad574
```
#4ad574 rgb(74,213,116)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#6add8c
```
#6add8c rgb(106,221,140)
```
#7ae099
```
#7ae099 rgb(122,224,153)
```
#8ae4a5
```
#8ae4a5 rgb(138,228,165)
```
#9ae8b1
```
#9ae8b1 rgb(154,232,177)
```
#aaebbd
```
#aaebbd rgb(170,235,189)
```
#baefca
```
#baefca rgb(186,239,202)
```
#caf3d6
```
#caf3d6 rgb(202,243,214)
```
#daf6e2
```
#daf6e2 rgb(218,246,226)
```
#e9faee
```
#e9faee rgb(233,250,238)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989b99 is the less saturated color, while #3bf873 is the most saturated one.

#989b99
```
#989b99 rgb(152,155,153)
```
#91a296
```
#91a296 rgb(145,162,150)
```
#89aa93
```
#89aa93 rgb(137,170,147)
```
#81b290
```
#81b290 rgb(129,178,144)
```
#79ba8d
```
#79ba8d rgb(121,186,141)
```
#71c289
```
#71c289 rgb(113,194,137)
```
#6ac986
```
#6ac986 rgb(106,201,134)
```
#62d183
```
#62d183 rgb(98,209,131)
```
#5ad980
```
#5ad980 rgb(90,217,128)
```
#52e17d
```
#52e17d rgb(82,225,125)
```
#4ae97a
```
#4ae97a rgb(74,233,122)
```
#43f077
```
#43f077 rgb(67,240,119)
```
#3bf873
```
#3bf873 rgb(59,248,115)
```

Tone Color Variation

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

Dichromacy

#d5c47e Protanopia 1% of men
#e7bc91 Deuteranopia 1% of men
#80d0df Tritanopia 0.001% of the population

Trichromacy

#a8cb7e Protanomaly 1% of men, 0.01% of women
#b3c68a Deuteranomaly 6% of men, 0.4% of women
#72d3bc Tritanomaly 0.01% of the population

#5ad980 hex color

#5ad980 Color Information

#5ad980 Color Conversion

Color Schemes with #5ad980

Alternatives to #5ad980

#5ad980 Preview

Shades and Tints of #5ad980

Tones of #5ad980

Color Blindness Simulator