#5ed396 hex color

In a RGB color space, hex #5ed396 is composed of 36.9% red, 82.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 0% magenta, 28.9% yellow and 17.3% black. It has a hue angle of 148.7 degrees, a saturation of 57.1% and a lightness of 59.8%. #5ed396 color hex could be obtained by blending #bcffff with #00a72d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 83
- B 59
RGB color chart
- C 55
- M 0
- Y 29
- K 17
CMYK color chart

● #5ed396 color description : Moderate cyan - lime green.

The hexadecimal color #5ed396 has RGB values of R:94, G:211, B:150 and CMYK values of C:0.55, M:0, Y:0.29, K:0.17. Its decimal value is 6214550.

Hex triplet	5ed396	`#5ed396`
RGB Decimal	94, 211, 150	`rgb(94,211,150)`
RGB Percent	36.9, 82.7, 58.8	`rgb(36.9%,82.7%,58.8%)`
CMYK	55, 0, 29, 17
HSL	148.7°, 57.1, 59.8	`hsl(148.7,57.1%,59.8%)`
HSV (or HSB)	148.7°, 55.5, 82.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.78, -47.034, 20.441
XYZ	33.413, 51.168, 36.968
xyY	0.275, 0.421, 51.168
CIE-LCH	76.78, 51.284, 156.51
CIE-LUV	76.78, -51.169, 36.633
Hunter-Lab	71.532, -41.801, 19.431
Binary	01011110, 11010011, 10010110

#5ed396
```
#5ed396 rgb(94,211,150)
```
#d35e9b
```
#d35e9b rgb(211,94,155)
```

Complementary Color

#61d35e
```
#61d35e rgb(97,211,94)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#5ed3d1
```
#5ed3d1 rgb(94,211,209)
```

Analogous Color

#d35e61
```
#d35e61 rgb(211,94,97)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#d15ed3
```
#d15ed3 rgb(209,94,211)
```

Split Complementary Color

#d3965e
```
#d3965e rgb(211,150,94)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#965ed3
```
#965ed3 rgb(150,94,211)
```

Triadic Color

#9bd35e
```
#9bd35e rgb(155,211,94)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#965ed3
```
#965ed3 rgb(150,94,211)
```
#d35e9b
```
#d35e9b rgb(211,94,155)
```

Tetradic Color

#31b36f
```
#31b36f rgb(49,179,111)
```
#37c77c
```
#37c77c rgb(55,199,124)
```
#4ace89
```
#4ace89 rgb(74,206,137)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#72d8a3
```
#72d8a3 rgb(114,216,163)
```
#86deb0
```
#86deb0 rgb(134,222,176)
```
#9ae3bd
```
#9ae3bd rgb(154,227,189)
```

Monochromatic Color

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

#5ed379
```
#5ed379 rgb(94,211,121)
```
#5ed383
```
#5ed383 rgb(94,211,131)
```
#5ed38c
```
#5ed38c rgb(94,211,140)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#5ed3a0
```
#5ed3a0 rgb(94,211,160)
```
#5ed3aa
```
#5ed3aa rgb(94,211,170)
```
#5ed3b3
```
#5ed3b3 rgb(94,211,179)
```

Similar Colors

Text with hexadecimal color #5ed396

This text has a font color of #5ed396.

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

#5ed396 background color

This paragraph has a background color of #5ed396.

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

#5ed396 border color

This element has a border color of #5ed396.

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

CSS codes

.text {color:#5ed396;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#07180f
```
#07180f rgb(7,24,15)
```
#0b2718
```
#0b2718 rgb(11,39,24)
```
#0f3722
```
#0f3722 rgb(15,55,34)
```
#13462c
```
#13462c rgb(19,70,44)
```
#175535
```
#175535 rgb(23,85,53)
```
#1c653f
```
#1c653f rgb(28,101,63)
```
#207448
```
#207448 rgb(32,116,72)
```
#248452
```
#248452 rgb(36,132,82)
```
#28935b
```
#28935b rgb(40,147,91)
```
#2ca365
```
#2ca365 rgb(44,163,101)
```
#31b26f
```
#31b26f rgb(49,178,111)
```
#35c178
```
#35c178 rgb(53,193,120)
```

Shade Color Variation

#3fcb82
```
#3fcb82 rgb(63,203,130)
```
#4fcf8c
```
#4fcf8c rgb(79,207,140)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#6dd7a0
```
#6dd7a0 rgb(109,215,160)
```
#7ddbaa
```
#7ddbaa rgb(125,219,170)
```
#8ce0b4
```
#8ce0b4 rgb(140,224,180)
```
#9ce4be
```
#9ce4be rgb(156,228,190)
```
#abe8c8
```
#abe8c8 rgb(171,232,200)
```
#baecd2
```
#baecd2 rgb(186,236,210)
```
#caf0dc
```
#caf0dc rgb(202,240,220)
```
#d9f5e6
```
#d9f5e6 rgb(217,245,230)
```
#e9f9f0
```
#e9f9f0 rgb(233,249,240)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959c98 is the less saturated color, while #37fa94 is the most saturated one.

#959c98
```
#959c98 rgb(149,156,152)
```
#8da498
```
#8da498 rgb(141,164,152)
```
#85ac98
```
#85ac98 rgb(133,172,152)
```
#7eb397
```
#7eb397 rgb(126,179,151)
```
#76bb97
```
#76bb97 rgb(118,187,151)
```
#6ec397
```
#6ec397 rgb(110,195,151)
```
#66cb96
```
#66cb96 rgb(102,203,150)
```
#5ed396
```
#5ed396 rgb(94,211,150)
```
#56db96
```
#56db96 rgb(86,219,150)
```
#4ee395
```
#4ee395 rgb(78,227,149)
```
#46eb95
```
#46eb95 rgb(70,235,149)
```
#3ef395
```
#3ef395 rgb(62,243,149)
```
#37fa94
```
#37fa94 rgb(55,250,148)
```

Tone Color Variation

Below, you can see how #5ed396 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
#9ab1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec092 Protanopia 1% of men
#dcbaa4 Deuteranopia 1% of men
#7dccdb Tritanopia 0.001% of the population

Trichromacy

#a5c793 Protanomaly 1% of men, 0.01% of women
#aec39f Deuteranomaly 6% of men, 0.4% of women
#71cfc2 Tritanomaly 0.01% of the population

#5ed396 hex color

#5ed396 Color Information

#5ed396 Color Conversion

Color Schemes with #5ed396

Alternatives to #5ed396

#5ed396 Preview

Shades and Tints of #5ed396

Tones of #5ed396

Color Blindness Simulator