#5ecf86 hex color

In a RGB color space, hex #5ecf86 is composed of 36.9% red, 81.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 0% magenta, 35.3% yellow and 18.8% black. It has a hue angle of 141.2 degrees, a saturation of 54.1% and a lightness of 59%. #5ecf86 color hex could be obtained by blending #bcffff with #009f0d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 81
- B 53
RGB color chart
- C 55
- M 0
- Y 35
- K 19
CMYK color chart

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

The hexadecimal color #5ecf86 has RGB values of R:94, G:207, B:134 and CMYK values of C:0.55, M:0, Y:0.35, K:0.19. Its decimal value is 6213510.

Hex triplet	5ecf86	`#5ecf86`
RGB Decimal	94, 207, 134	`rgb(94,207,134)`
RGB Percent	36.9, 81.2, 52.5	`rgb(36.9%,81.2%,52.5%)`
CMYK	55, 0, 35, 19
HSL	141.2°, 54.1, 59	`hsl(141.2,54.1%,59%)`
HSV (or HSB)	141.2°, 54.6, 81.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.279, -48.423, 26.787
XYZ	31.23, 48.724, 30.312
xyY	0.283, 0.442, 48.724
CIE-LCH	75.279, 55.338, 151.049
CIE-LUV	75.279, -50.298, 44.758
Hunter-Lab	69.803, -42.293, 23.115
Binary	01011110, 11001111, 10000110

#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#cf5ea7
```
#cf5ea7 rgb(207,94,167)
```

Complementary Color

#6fcf5e
```
#6fcf5e rgb(111,207,94)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#5ecfbf
```
#5ecfbf rgb(94,207,191)
```

Analogous Color

#cf5e6f
```
#cf5e6f rgb(207,94,111)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#bf5ecf
```
#bf5ecf rgb(191,94,207)
```

Split Complementary Color

#cf865e
```
#cf865e rgb(207,134,94)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#865ecf
```
#865ecf rgb(134,94,207)
```

Triadic Color

#a7cf5e
```
#a7cf5e rgb(167,207,94)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#865ecf
```
#865ecf rgb(134,94,207)
```
#cf5ea7
```
#cf5ea7 rgb(207,94,167)
```

Tetradic Color

#34ad5f
```
#34ad5f rgb(52,173,95)
```
#39c169
```
#39c169 rgb(57,193,105)
```
#4ac977
```
#4ac977 rgb(74,201,119)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#72d595
```
#72d595 rgb(114,213,149)
```
#85dba4
```
#85dba4 rgb(133,219,164)
```
#99e1b2
```
#99e1b2 rgb(153,225,178)
```

Monochromatic Color

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

#5ecf6a
```
#5ecf6a rgb(94,207,106)
```
#5ecf73
```
#5ecf73 rgb(94,207,115)
```
#5ecf7d
```
#5ecf7d rgb(94,207,125)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#5ecf8f
```
#5ecf8f rgb(94,207,143)
```
#5ecf99
```
#5ecf99 rgb(94,207,153)
```
#5ecfa2
```
#5ecfa2 rgb(94,207,162)
```

Similar Colors

Text with hexadecimal color #5ecf86

This text has a font color of #5ecf86.

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

#5ecf86 background color

This paragraph has a background color of #5ecf86.

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

#5ecf86 border color

This element has a border color of #5ecf86.

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

CSS codes

.text {color:#5ecf86;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#06140b
```
#06140b rgb(6,20,11)
```
#0b2313
```
#0b2313 rgb(11,35,19)
```
#0f331c
```
#0f331c rgb(15,51,28)
```
#144224
```
#144224 rgb(20,66,36)
```
#18512c
```
#18512c rgb(24,81,44)
```
#1d6034
```
#1d6034 rgb(29,96,52)
```
#216f3d
```
#216f3d rgb(33,111,61)
```
#267e45
```
#267e45 rgb(38,126,69)
```
#2a8d4d
```
#2a8d4d rgb(42,141,77)
```
#2f9c55
```
#2f9c55 rgb(47,156,85)
```
#33ab5e
```
#33ab5e rgb(51,171,94)
```
#38bb66
```
#38bb66 rgb(56,187,102)
```

Shade Color Variation

#40c66f
```
#40c66f rgb(64,198,111)
```
#4fca7b
```
#4fca7b rgb(79,202,123)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#6dd491
```
#6dd491 rgb(109,212,145)
```
#7cd89d
```
#7cd89d rgb(124,216,157)
```
#8bdda8
```
#8bdda8 rgb(139,221,168)
```
#9ae1b3
```
#9ae1b3 rgb(154,225,179)
```
#aae6bf
```
#aae6bf rgb(170,230,191)
```
#b9eaca
```
#b9eaca rgb(185,234,202)
```
#c8efd5
```
#c8efd5 rgb(200,239,213)
```
#d7f3e1
```
#d7f3e1 rgb(215,243,225)
```
#e6f8ec
```
#e6f8ec rgb(230,248,236)
```
#f5fcf8
```
#f5fcf8 rgb(245,252,248)
```

Tint Color Variation

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

#969796
```
#969796 rgb(150,151,150)
```
#8e9f94
```
#8e9f94 rgb(142,159,148)
```
#86a792
```
#86a792 rgb(134,167,146)
```
#7eaf8f
```
#7eaf8f rgb(126,175,143)
```
#76b78d
```
#76b78d rgb(118,183,141)
```
#6ebf8b
```
#6ebf8b rgb(110,191,139)
```
#66c788
```
#66c788 rgb(102,199,136)
```
#5ecf86
```
#5ecf86 rgb(94,207,134)
```
#56d784
```
#56d784 rgb(86,215,132)
```
#4edf81
```
#4edf81 rgb(78,223,129)
```
#46e77f
```
#46e77f rgb(70,231,127)
```
#3eef7d
```
#3eef7d rgb(62,239,125)
```
#36f77a
```
#36f77a rgb(54,247,122)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#97ad9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbc84 Protanopia 1% of men
#dcb595 Deuteranopia 1% of men
#7ec8d6 Tritanopia 0.001% of the population

Trichromacy

#a3c384 Protanomaly 1% of men, 0.01% of women
#aebf8f Deuteranomaly 6% of men, 0.4% of women
#72cab9 Tritanomaly 0.01% of the population

#5ecf86 hex color

#5ecf86 Color Information

#5ecf86 Color Conversion

Color Schemes with #5ecf86

Alternatives to #5ecf86

#5ecf86 Preview

Shades and Tints of #5ecf86

Tones of #5ecf86

Color Blindness Simulator