#2fcf96 hex color

In a RGB color space, hex #2fcf96 is composed of 18.4% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 27.5% yellow and 18.8% black. It has a hue angle of 158.6 degrees, a saturation of 63% and a lightness of 49.8%. #2fcf96 color hex could be obtained by blending #5effff with #009f2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 81
- B 59
RGB color chart
- C 77
- M 0
- Y 28
- K 19
CMYK color chart

● #2fcf96 color description : Strong cyan - lime green.

The hexadecimal color #2fcf96 has RGB values of R:47, G:207, B:150 and CMYK values of C:0.77, M:0, Y:0.28, K:0.19. Its decimal value is 3133334.

Hex triplet	2fcf96	`#2fcf96`
RGB Decimal	47, 207, 150	`rgb(47,207,150)`
RGB Percent	18.4, 81.2, 58.8	`rgb(18.4%,81.2%,58.8%)`
CMYK	77, 0, 28, 19
HSL	158.6°, 63, 49.8	`hsl(158.6,63%,49.8%)`
HSV (or HSB)	158.6°, 77.3, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.463, -53.369, 17.064
XYZ	28.988, 47.429, 36.479
xyY	0.257, 0.42, 47.429
CIE-LCH	74.463, 56.03, 162.269
CIE-LUV	74.463, -59.441, 32.85
Hunter-Lab	68.869, -45.387, 16.803
Binary	00101111, 11001111, 10010110

#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#cf2f68
```
#cf2f68 rgb(207,47,104)
```

Complementary Color

#2fcf46
```
#2fcf46 rgb(47,207,70)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#2fb8cf
```
#2fb8cf rgb(47,184,207)
```

Analogous Color

#cf462f
```
#cf462f rgb(207,70,47)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#cf2fb8
```
#cf2fb8 rgb(207,47,184)
```

Split Complementary Color

#cf962f
```
#cf962f rgb(207,150,47)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#962fcf
```
#962fcf rgb(150,47,207)
```

Triadic Color

#68cf2f
```
#68cf2f rgb(104,207,47)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#962fcf
```
#962fcf rgb(150,47,207)
```
#cf2f68
```
#cf2f68 rgb(207,47,104)
```

Tetradic Color

#219169
```
#219169 rgb(33,145,105)
```
#26a578
```
#26a578 rgb(38,165,120)
```
#2aba87
```
#2aba87 rgb(42,186,135)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#43d4a1
```
#43d4a1 rgb(67,212,161)
```
#58d9ab
```
#58d9ab rgb(88,217,171)
```
#6ddeb6
```
#6ddeb6 rgb(109,222,182)
```

Monochromatic Color

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

#2fcf6e
```
#2fcf6e rgb(47,207,110)
```
#2fcf7b
```
#2fcf7b rgb(47,207,123)
```
#2fcf89
```
#2fcf89 rgb(47,207,137)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#2fcfa3
```
#2fcfa3 rgb(47,207,163)
```
#2fcfb1
```
#2fcfb1 rgb(47,207,177)
```
#2fcfbe
```
#2fcfbe rgb(47,207,190)
```

Similar Colors

Text with hexadecimal color #2fcf96

This text has a font color of #2fcf96.

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

#2fcf96 background color

This paragraph has a background color of #2fcf96.

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

#2fcf96 border color

This element has a border color of #2fcf96.

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

CSS codes

.text {color:#2fcf96;}

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

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

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, #030f0b is the darkest color, while #feffff is the lightest one.

#030f0b
```
#030f0b rgb(3,15,11)
```
#071f17
```
#071f17 rgb(7,31,23)
```
#0b2f22
```
#0b2f22 rgb(11,47,34)
```
#0e3f2e
```
#0e3f2e rgb(14,63,46)
```
#124f39
```
#124f39 rgb(18,79,57)
```
#165f45
```
#165f45 rgb(22,95,69)
```
#196f50
```
#196f50 rgb(25,111,80)
```
#1d7f5c
```
#1d7f5c rgb(29,127,92)
```
#208f68
```
#208f68 rgb(32,143,104)
```
#249f73
```
#249f73 rgb(36,159,115)
```
#28af7f
```
#28af7f rgb(40,175,127)
```
#2bbf8a
```
#2bbf8a rgb(43,191,138)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```

Shade Color Variation

#3ed39e
```
#3ed39e rgb(62,211,158)
```
#4ed7a6
```
#4ed7a6 rgb(78,215,166)
```
#5edbae
```
#5edbae rgb(94,219,174)
```
#6edeb6
```
#6edeb6 rgb(110,222,182)
```
#7ee2be
```
#7ee2be rgb(126,226,190)
```
#8ee5c6
```
#8ee5c6 rgb(142,229,198)
```
#9ee9ce
```
#9ee9ce rgb(158,233,206)
```
#aeedd6
```
#aeedd6 rgb(174,237,214)
```
#bef0de
```
#bef0de rgb(190,240,222)
```
#cef4e6
```
#cef4e6 rgb(206,244,230)
```
#def8ef
```
#def8ef rgb(222,248,239)
```
#eefbf7
```
#eefbf7 rgb(238,251,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8180 is the less saturated color, while #08f6a1 is the most saturated one.

#7d8180
```
#7d8180 rgb(125,129,128)
```
#738b82
```
#738b82 rgb(115,139,130)
```
#6a9485
```
#6a9485 rgb(106,148,133)
```
#609e88
```
#609e88 rgb(96,158,136)
```
#56a88b
```
#56a88b rgb(86,168,139)
```
#4cb28e
```
#4cb28e rgb(76,178,142)
```
#43bb90
```
#43bb90 rgb(67,187,144)
```
#39c593
```
#39c593 rgb(57,197,147)
```
#2fcf96
```
#2fcf96 rgb(47,207,150)
```
#25d999
```
#25d999 rgb(37,217,153)
```
#1be39c
```
#1be39c rgb(27,227,156)
```
#12ec9e
```
#12ec9e rgb(18,236,158)
```
#08f6a1
```
#08f6a1 rgb(8,246,161)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7ba91 Protanopia 1% of men
#d4b4a5 Deuteranopia 1% of men
#5ec9d8 Tritanopia 0.001% of the population

Trichromacy

#8fc293 Protanomaly 1% of men, 0.01% of women
#98be9f Deuteranomaly 6% of men, 0.4% of women
#4dcbc0 Tritanomaly 0.01% of the population

#2fcf96 hex color

#2fcf96 Color Information

#2fcf96 Color Conversion

Color Schemes with #2fcf96

Alternatives to #2fcf96

#2fcf96 Preview

Shades and Tints of #2fcf96

Tones of #2fcf96

Color Blindness Simulator