#2fdc86 hex color

In a RGB color space, hex #2fdc86 is composed of 18.4% red, 86.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 39.1% yellow and 13.7% black. It has a hue angle of 150.2 degrees, a saturation of 71.2% and a lightness of 52.4%. #2fdc86 color hex could be obtained by blending #5effff with #00b90d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 86
- B 53
RGB color chart
- C 79
- M 0
- Y 39
- K 14
CMYK color chart

● #2fdc86 color description : Bright cyan - lime green.

The hexadecimal color #2fdc86 has RGB values of R:47, G:220, B:134 and CMYK values of C:0.79, M:0, Y:0.39, K:0.14. Its decimal value is 3136646.

Hex triplet	2fdc86	`#2fdc86`
RGB Decimal	47, 220, 134	`rgb(47,220,134)`
RGB Percent	18.4, 86.3, 52.5	`rgb(18.4%,86.3%,52.5%)`
CMYK	79, 0, 39, 14
HSL	150.2°, 71.2, 52.4	`hsl(150.2,71.2%,52.4%)`
HSV (or HSB)	150.2°, 78.6, 86.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.174, -61.505, 30.453
XYZ	31.066, 53.509, 31.244
xyY	0.268, 0.462, 53.509
CIE-LCH	78.174, 68.632, 153.658
CIE-LUV	78.174, -64.89, 51.754
Hunter-Lab	73.15, -52.204, 25.881
Binary	00101111, 11011100, 10000110

#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#dc2f85
```
#dc2f85 rgb(220,47,133)
```

Complementary Color

#2fdc30
```
#2fdc30 rgb(47,220,48)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#2fdcdc
```
#2fdcdc rgb(47,220,220)
```

Analogous Color

#dc302f
```
#dc302f rgb(220,48,47)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#dc2fdc
```
#dc2fdc rgb(220,47,220)
```

Split Complementary Color

#dc862f
```
#dc862f rgb(220,134,47)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#862fdc
```
#862fdc rgb(134,47,220)
```

Triadic Color

#85dc2f
```
#85dc2f rgb(133,220,47)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#862fdc
```
#862fdc rgb(134,47,220)
```
#dc2f85
```
#dc2f85 rgb(220,47,133)
```

Tetradic Color

#1ba360
```
#1ba360 rgb(27,163,96)
```
#1fb96c
```
#1fb96c rgb(31,185,108)
```
#23cf79
```
#23cf79 rgb(35,207,121)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#45e093
```
#45e093 rgb(69,224,147)
```
#5be39f
```
#5be39f rgb(91,227,159)
```
#70e7ac
```
#70e7ac rgb(112,231,172)
```

Monochromatic Color

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

#2fdc5b
```
#2fdc5b rgb(47,220,91)
```
#2fdc69
```
#2fdc69 rgb(47,220,105)
```
#2fdc78
```
#2fdc78 rgb(47,220,120)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#2fdc94
```
#2fdc94 rgb(47,220,148)
```
#2fdca3
```
#2fdca3 rgb(47,220,163)
```
#2fdcb1
```
#2fdcb1 rgb(47,220,177)
```

Similar Colors

Text with hexadecimal color #2fdc86

This text has a font color of #2fdc86.

<span style="color:#2fdc86;">Text here</span>

#2fdc86 background color

This paragraph has a background color of #2fdc86.

<p style="background-color:#2fdc86;">Content here</p>

#2fdc86 border color

This element has a border color of #2fdc86.

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

CSS codes

.text {color:#2fdc86;}

.background {background-color:#2fdc86;}

.border {border:1px solid #2fdc86;}

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

#020a06
```
#020a06 rgb(2,10,6)
```
#051b10
```
#051b10 rgb(5,27,16)
```
#072c1a
```
#072c1a rgb(7,44,26)
```
#0a3d24
```
#0a3d24 rgb(10,61,36)
```
#0d4d2d
```
#0d4d2d rgb(13,77,45)
```
#105e37
```
#105e37 rgb(16,94,55)
```
#136f41
```
#136f41 rgb(19,111,65)
```
#16804b
```
#16804b rgb(22,128,75)
```
#189155
```
#189155 rgb(24,145,85)
```
#1ba15f
```
#1ba15f rgb(27,161,95)
```
#1eb269
```
#1eb269 rgb(30,178,105)
```
#21c372
```
#21c372 rgb(33,195,114)
```
#24d47c
```
#24d47c rgb(36,212,124)
```

Shade Color Variation

#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#40df90
```
#40df90 rgb(64,223,144)
```
#51e29a
```
#51e29a rgb(81,226,154)
```
#61e4a3
```
#61e4a3 rgb(97,228,163)
```
#72e7ad
```
#72e7ad rgb(114,231,173)
```
#83eab7
```
#83eab7 rgb(131,234,183)
```
#94edc1
```
#94edc1 rgb(148,237,193)
```
#a5f0ca
```
#a5f0ca rgb(165,240,202)
```
#b5f3d4
```
#b5f3d4 rgb(181,243,212)
```
#c6f5de
```
#c6f5de rgb(198,245,222)
```
#d7f8e8
```
#d7f8e8 rgb(215,248,232)
```
#e8fbf1
```
#e8fbf1 rgb(232,251,241)
```
#f8fefb
```
#f8fefb rgb(248,254,251)
```

Tint Color Variation

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

#838886
```
#838886 rgb(131,136,134)
```
#7a9186
```
#7a9186 rgb(122,145,134)
```
#709b86
```
#709b86 rgb(112,155,134)
```
#67a486
```
#67a486 rgb(103,164,134)
```
#5ead86
```
#5ead86 rgb(94,173,134)
```
#54b786
```
#54b786 rgb(84,183,134)
```
#4bc086
```
#4bc086 rgb(75,192,134)
```
#42c986
```
#42c986 rgb(66,201,134)
```
#38d386
```
#38d386 rgb(56,211,134)
```
#2fdc86
```
#2fdc86 rgb(47,220,134)
```
#26e586
```
#26e586 rgb(38,229,134)
```
#1cef86
```
#1cef86 rgb(28,239,134)
```
#13f886
```
#13f886 rgb(19,248,134)
```

Tone Color Variation

Below, you can see how #2fdc86 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

#9e9e9e Achromatopsia 0.005% of the population
#88aa99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c482 Protanopia 1% of men
#e5bd97 Deuteranopia 1% of men
#69d3e2 Tritanopia 0.001% of the population

Trichromacy

#98cd83 Protanomaly 1% of men, 0.01% of women
#a3c891 Deuteranomaly 6% of men, 0.4% of women
#53d6c0 Tritanomaly 0.01% of the population

#2fdc86 hex color

#2fdc86 Color Information

#2fdc86 Color Conversion

Color Schemes with #2fdc86

Alternatives to #2fdc86

#2fdc86 Preview

Shades and Tints of #2fdc86

Tones of #2fdc86

Color Blindness Simulator