#5ff396 hex color

In a RGB color space, hex #5ff396 is composed of 37.3% red, 95.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 142.3 degrees, a saturation of 86% and a lightness of 66.3%. #5ff396 color hex could be obtained by blending #beffff with #00e72d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 37
- G 95
- B 59
RGB color chart
- C 61
- M 0
- Y 38
- K 5
CMYK color chart

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

The hexadecimal color #5ff396 has RGB values of R:95, G:243, B:150 and CMYK values of C:0.61, M:0, Y:0.38, K:0.05. Its decimal value is 6288278.

Hex triplet	5ff396	`#5ff396`
RGB Decimal	95, 243, 150	`rgb(95,243,150)`
RGB Percent	37.3, 95.3, 58.8	`rgb(37.3%,95.3%,58.8%)`
CMYK	61, 0, 38, 5
HSL	142.3°, 86, 66.3	`hsl(142.3,86%,66.3%)`
HSV (or HSB)	142.3°, 60.9, 95.3
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.371, -59.597, 33.392
XYZ	42.272, 68.733, 39.891
xyY	0.28, 0.455, 68.733
CIE-LCH	86.371, 68.315, 150.738
CIE-LUV	86.371, -62.988, 56.378
Hunter-Lab	82.905, -54.069, 29.505
Binary	01011111, 11110011, 10010110

#5ff396
```
#5ff396 rgb(95,243,150)
```
#f35fbc
```
#f35fbc rgb(243,95,188)
```

Complementary Color

#72f35f
```
#72f35f rgb(114,243,95)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#5ff3e0
```
#5ff3e0 rgb(95,243,224)
```

Analogous Color

#f35f72
```
#f35f72 rgb(243,95,114)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#e05ff3
```
#e05ff3 rgb(224,95,243)
```

Split Complementary Color

#f3965f
```
#f3965f rgb(243,150,95)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#965ff3
```
#965ff3 rgb(150,95,243)
```

Triadic Color

#bcf35f
```
#bcf35f rgb(188,243,95)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#965ff3
```
#965ff3 rgb(150,95,243)
```
#f35fbc
```
#f35fbc rgb(243,95,188)
```

Tetradic Color

#18ee67
```
#18ee67 rgb(24,238,103)
```
#30ef77
```
#30ef77 rgb(48,239,119)
```
#47f186
```
#47f186 rgb(71,241,134)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#77f5a6
```
#77f5a6 rgb(119,245,166)
```
#8ef7b5
```
#8ef7b5 rgb(142,247,181)
```
#a6f8c5
```
#a6f8c5 rgb(166,248,197)
```

Monochromatic Color

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

#5ff371
```
#5ff371 rgb(95,243,113)
```
#5ff37d
```
#5ff37d rgb(95,243,125)
```
#5ff38a
```
#5ff38a rgb(95,243,138)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#5ff3a2
```
#5ff3a2 rgb(95,243,162)
```
#5ff3af
```
#5ff3af rgb(95,243,175)
```
#5ff3bb
```
#5ff3bb rgb(95,243,187)
```

Similar Colors

Text with hexadecimal color #5ff396

This text has a font color of #5ff396.

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

#5ff396 background color

This paragraph has a background color of #5ff396.

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

#5ff396 border color

This element has a border color of #5ff396.

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

CSS codes

.text {color:#5ff396;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#021609
```
#021609 rgb(2,22,9)
```
#032911
```
#032911 rgb(3,41,17)
```
#043b19
```
#043b19 rgb(4,59,25)
```
#064d20
```
#064d20 rgb(6,77,32)
```
#075f28
```
#075f28 rgb(7,95,40)
```
#097230
```
#097230 rgb(9,114,48)
```
#0a8437
```
#0a8437 rgb(10,132,55)
```
#0b963f
```
#0b963f rgb(11,150,63)
```
#0da847
```
#0da847 rgb(13,168,71)
```
#0ebb4e
```
#0ebb4e rgb(14,187,78)
```
#0fcd56
```
#0fcd56 rgb(15,205,86)
```
#11df5d
```
#11df5d rgb(17,223,93)
```

Shade Color Variation

#16ee66
```
#16ee66 rgb(22,238,102)
```
#28ef72
```
#28ef72 rgb(40,239,114)
```
#3bf07e
```
#3bf07e rgb(59,240,126)
```
#4df28a
```
#4df28a rgb(77,242,138)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#71f4a2
```
#71f4a2 rgb(113,244,162)
```
#83f6ae
```
#83f6ae rgb(131,246,174)
```
#96f7ba
```
#96f7ba rgb(150,247,186)
```
#a8f8c6
```
#a8f8c6 rgb(168,248,198)
```
#bafad2
```
#bafad2 rgb(186,250,210)
```
#ccfbde
```
#ccfbde rgb(204,251,222)
```
#dffdea
```
#dffdea rgb(223,253,234)
```
#f1fef6
```
#f1fef6 rgb(241,254,246)
```

Tint Color Variation

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

#a8aaa9
```
#a8aaa9 rgb(168,170,169)
```
#a1b1a7
```
#a1b1a7 rgb(161,177,167)
```
#9bb7a5
```
#9bb7a5 rgb(155,183,165)
```
#94bea4
```
#94bea4 rgb(148,190,164)
```
#8dc5a2
```
#8dc5a2 rgb(141,197,162)
```
#87cba0
```
#87cba0 rgb(135,203,160)
```
#80d29e
```
#80d29e rgb(128,210,158)
```
#79d99d
```
#79d99d rgb(121,217,157)
```
#73df9b
```
#73df9b rgb(115,223,155)
```
#6ce699
```
#6ce699 rgb(108,230,153)
```
#66ec98
```
#66ec98 rgb(102,236,152)
```
#5ff396
```
#5ff396 rgb(95,243,150)
```
#58fa94
```
#58fa94 rgb(88,250,148)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a9c7b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecda91 Protanopia 1% of men
#ffd1a7 Deuteranopia 1% of men
#89e8f9 Tritanopia 0.001% of the population

Trichromacy

#b9e393 Protanomaly 1% of men, 0.01% of women
#c4dda1 Deuteranomaly 6% of men, 0.4% of women
#7aecd5 Tritanomaly 0.01% of the population

#5ff396 hex color

#5ff396 Color Information

#5ff396 Color Conversion

Color Schemes with #5ff396

Alternatives to #5ff396

#5ff396 Preview

Shades and Tints of #5ff396

Tones of #5ff396

Color Blindness Simulator