#2fcc97 hex color

In a RGB color space, hex #2fcc97 is composed of 18.4% red, 80% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 26% yellow and 20% black. It has a hue angle of 159.7 degrees, a saturation of 62.5% and a lightness of 49.2%. #2fcc97 color hex could be obtained by blending #5effff with #00992f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 80
- B 59
RGB color chart
- C 77
- M 0
- Y 26
- K 20
CMYK color chart

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

The hexadecimal color #2fcc97 has RGB values of R:47, G:204, B:151 and CMYK values of C:0.77, M:0, Y:0.26, K:0.2. Its decimal value is 3132567.

Hex triplet	2fcc97	`#2fcc97`
RGB Decimal	47, 204, 151	`rgb(47,204,151)`
RGB Percent	18.4, 80, 59.2	`rgb(18.4%,80%,59.2%)`
CMYK	77, 0, 26, 20
HSL	159.7°, 62.5, 49.2	`hsl(159.7,62.5%,49.2%)`
HSV (or HSB)	159.7°, 77, 80
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.56, -51.964, 15.27
XYZ	28.349, 46.022, 36.665
xyY	0.255, 0.414, 46.022
CIE-LCH	73.56, 54.161, 163.625
CIE-LUV	73.56, -58.333, 30.117
Hunter-Lab	67.839, -44.127, 15.443
Binary	00101111, 11001100, 10010111

#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#cc2f64
```
#cc2f64 rgb(204,47,100)
```

Complementary Color

#2fcc49
```
#2fcc49 rgb(47,204,73)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#2fb3cc
```
#2fb3cc rgb(47,179,204)
```

Analogous Color

#cc492f
```
#cc492f rgb(204,73,47)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#cc2fb3
```
#cc2fb3 rgb(204,47,179)
```

Split Complementary Color

#cc972f
```
#cc972f rgb(204,151,47)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#972fcc
```
#972fcc rgb(151,47,204)
```

Triadic Color

#64cc2f
```
#64cc2f rgb(100,204,47)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#972fcc
```
#972fcc rgb(151,47,204)
```
#cc2f64
```
#cc2f64 rgb(204,47,100)
```

Tetradic Color

#218e69
```
#218e69 rgb(33,142,105)
```
#25a378
```
#25a378 rgb(37,163,120)
```
#2ab788
```
#2ab788 rgb(42,183,136)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#41d3a2
```
#41d3a2 rgb(65,211,162)
```
#56d8ac
```
#56d8ac rgb(86,216,172)
```
#6bddb6
```
#6bddb6 rgb(107,221,182)
```

Monochromatic Color

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

#2fcc70
```
#2fcc70 rgb(47,204,112)
```
#2fcc7d
```
#2fcc7d rgb(47,204,125)
```
#2fcc8a
```
#2fcc8a rgb(47,204,138)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#2fcca4
```
#2fcca4 rgb(47,204,164)
```
#2fccb1
```
#2fccb1 rgb(47,204,177)
```
#2fccbe
```
#2fccbe rgb(47,204,190)
```

Similar Colors

Text with hexadecimal color #2fcc97

This text has a font color of #2fcc97.

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

#2fcc97 background color

This paragraph has a background color of #2fcc97.

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

#2fcc97 border color

This element has a border color of #2fcc97.

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

CSS codes

.text {color:#2fcc97;}

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

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

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

#030d09
```
#030d09 rgb(3,13,9)
```
#071d15
```
#071d15 rgb(7,29,21)
```
#0a2d21
```
#0a2d21 rgb(10,45,33)
```
#0e3d2d
```
#0e3d2d rgb(14,61,45)
```
#124c39
```
#124c39 rgb(18,76,57)
```
#155c44
```
#155c44 rgb(21,92,68)
```
#196c50
```
#196c50 rgb(25,108,80)
```
#1d7c5c
```
#1d7c5c rgb(29,124,92)
```
#208c68
```
#208c68 rgb(32,140,104)
```
#249c74
```
#249c74 rgb(36,156,116)
```
#28ac7f
```
#28ac7f rgb(40,172,127)
```
#2bbc8b
```
#2bbc8b rgb(43,188,139)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```

Shade Color Variation

#3cd2a0
```
#3cd2a0 rgb(60,210,160)
```
#4cd6a7
```
#4cd6a7 rgb(76,214,167)
```
#5cdaaf
```
#5cdaaf rgb(92,218,175)
```
#6cddb7
```
#6cddb7 rgb(108,221,183)
```
#7ce1bf
```
#7ce1bf rgb(124,225,191)
```
#8ce5c7
```
#8ce5c7 rgb(140,229,199)
```
#9ce8cf
```
#9ce8cf rgb(156,232,207)
```
#acecd6
```
#acecd6 rgb(172,236,214)
```
#bcf0de
```
#bcf0de rgb(188,240,222)
```
#ccf3e6
```
#ccf3e6 rgb(204,243,230)
```
#dcf7ee
```
#dcf7ee rgb(220,247,238)
```
#ecfbf6
```
#ecfbf6 rgb(236,251,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#7c7f7e
```
#7c7f7e rgb(124,127,126)
```
#738881
```
#738881 rgb(115,136,129)
```
#699284
```
#699284 rgb(105,146,132)
```
#5f9c87
```
#5f9c87 rgb(95,156,135)
```
#56a58a
```
#56a58a rgb(86,165,138)
```
#4caf8e
```
#4caf8e rgb(76,175,142)
```
#42b991
```
#42b991 rgb(66,185,145)
```
#39c294
```
#39c294 rgb(57,194,148)
```
#2fcc97
```
#2fcc97 rgb(47,204,151)
```
#25d69a
```
#25d69a rgb(37,214,154)
```
#1cdf9d
```
#1cdf9d rgb(28,223,157)
```
#12e9a0
```
#12e9a0 rgb(18,233,160)
```
#08f3a4
```
#08f3a4 rgb(8,243,164)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#82a297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b892 Protanopia 1% of men
#d0b2a6 Deuteranopia 1% of men
#5cc6d5 Tritanopia 0.001% of the population

Trichromacy

#8dbf94 Protanomaly 1% of men, 0.01% of women
#95bba0 Deuteranomaly 6% of men, 0.4% of women
#4cc8be Tritanomaly 0.01% of the population

#2fcc97 hex color

#2fcc97 Color Information

#2fcc97 Color Conversion

Color Schemes with #2fcc97

Alternatives to #2fcc97

#2fcc97 Preview

Shades and Tints of #2fcc97

Tones of #2fcc97

Color Blindness Simulator