colorhexa.com

#2fc599 hex color

In a RGB color space, hex #2fc599 is composed of 18.4% red, 77.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 22.3% yellow and 22.7% black. It has a hue angle of 162.4 degrees, a saturation of 61.5% and a lightness of 47.8%. #2fc599 color hex could be obtained by blending #5effff with #008b33. Closest websafe color is: #33cc99.

- R 18
- G 77
- B 60
RGB color chart
- C 76
- M 0
- Y 22
- K 23
CMYK color chart

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

The hexadecimal color #2fc599 has RGB values of R:47, G:197, B:153 and CMYK values of C:0.76, M:0, Y:0.22, K:0.23. Its decimal value is 3130777.

Hex triplet	2fc599	`#2fc599`
RGB Decimal	47, 197, 153	`rgb(47,197,153)`
RGB Percent	18.4, 77.3, 60	`rgb(18.4%,77.3%,60%)`
CMYK	76, 0, 22, 23
HSL	162.4°, 61.5, 47.8	`hsl(162.4,61.5%,47.8%)`
HSV (or HSB)	162.4°, 76.1, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.442, -48.685, 11.215
XYZ	26.886, 42.834, 36.986
xyY	0.252, 0.401, 42.834
CIE-LCH	71.442, 49.96, 167.028
CIE-LUV	71.442, -55.749, 23.848
Hunter-Lab	65.448, -41.205, 12.307
Binary	00101111, 11000101, 10011001

#2fc599
```
#2fc599 rgb(47,197,153)
```
#c52f5b
```
#c52f5b rgb(197,47,91)
```

Complementary Color

#2fc54e
```
#2fc54e rgb(47,197,78)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#2fa6c5
```
#2fa6c5 rgb(47,166,197)
```

Analogous Color

#c54e2f
```
#c54e2f rgb(197,78,47)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#c52fa6
```
#c52fa6 rgb(197,47,166)
```

Split Complementary Color

#c5992f
```
#c5992f rgb(197,153,47)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#992fc5
```
#992fc5 rgb(153,47,197)
```

Triadic Color

#5bc52f
```
#5bc52f rgb(91,197,47)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#992fc5
```
#992fc5 rgb(153,47,197)
```
#c52f5b
```
#c52f5b rgb(197,47,91)
```

Tetradic Color

#208769
```
#208769 rgb(32,135,105)
```
#259c79
```
#259c79 rgb(37,156,121)
```
#2ab089
```
#2ab089 rgb(42,176,137)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#3dd1a5
```
#3dd1a5 rgb(61,209,165)
```
#51d6af
```
#51d6af rgb(81,214,175)
```
#66dab8
```
#66dab8 rgb(102,218,184)
```

Monochromatic Color

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

#2fc574
```
#2fc574 rgb(47,197,116)
```
#2fc580
```
#2fc580 rgb(47,197,128)
```
#2fc58d
```
#2fc58d rgb(47,197,141)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#2fc5a6
```
#2fc5a6 rgb(47,197,166)
```
#2fc5b2
```
#2fc5b2 rgb(47,197,178)
```
#2fc5bf
```
#2fc5bf rgb(47,197,191)
```

Similar Colors

Text with hexadecimal color #2fc599

This text has a font color of #2fc599.

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

#2fc599 background color

This paragraph has a background color of #2fc599.

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

#2fc599 border color

This element has a border color of #2fc599.

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

CSS codes

.text {color:#2fc599;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#051712
```
#051712 rgb(5,23,18)
```
#09271e
```
#09271e rgb(9,39,30)
```
#0d362a
```
#0d362a rgb(13,54,42)
```
#114637
```
#114637 rgb(17,70,55)
```
#155643
```
#155643 rgb(21,86,67)
```
#18664f
```
#18664f rgb(24,102,79)
```
#1c765c
```
#1c765c rgb(28,118,92)
```
#208668
```
#208668 rgb(32,134,104)
```
#249574
```
#249574 rgb(36,149,116)
```
#27a580
```
#27a580 rgb(39,165,128)
```
#2bb58d
```
#2bb58d rgb(43,181,141)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```

Shade Color Variation

#38d0a3
```
#38d0a3 rgb(56,208,163)
```
#48d3aa
```
#48d3aa rgb(72,211,170)
```
#58d7b2
```
#58d7b2 rgb(88,215,178)
```
#68dbb9
```
#68dbb9 rgb(104,219,185)
```
#77dfc0
```
#77dfc0 rgb(119,223,192)
```
#87e2c8
```
#87e2c8 rgb(135,226,200)
```
#97e6cf
```
#97e6cf rgb(151,230,207)
```
#a7ead6
```
#a7ead6 rgb(167,234,214)
```
#b7eede
```
#b7eede rgb(183,238,222)
```
#c7f2e5
```
#c7f2e5 rgb(199,242,229)
```
#d6f5ec
```
#d6f5ec rgb(214,245,236)
```
#e6f9f4
```
#e6f9f4 rgb(230,249,244)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71837e is the less saturated color, while #00f4ac is the most saturated one.

#71837e
```
#71837e rgb(113,131,126)
```
#678d82
```
#678d82 rgb(103,141,130)
```
#5e9686
```
#5e9686 rgb(94,150,134)
```
#559f89
```
#559f89 rgb(85,159,137)
```
#4ba98d
```
#4ba98d rgb(75,169,141)
```
#42b291
```
#42b291 rgb(66,178,145)
```
#38bc95
```
#38bc95 rgb(56,188,149)
```
#2fc599
```
#2fc599 rgb(47,197,153)
```
#26ce9d
```
#26ce9d rgb(38,206,157)
```
#1cd8a1
```
#1cd8a1 rgb(28,216,161)
```
#13e1a5
```
#13e1a5 rgb(19,225,165)
```
#09eba9
```
#09eba9 rgb(9,235,169)
```
#00f4ac
```
#00f4ac rgb(0,244,172)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7f9d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb294 Protanopia 1% of men
#c8ada7 Deuteranopia 1% of men
#58c1cf Tritanopia 0.001% of the population

Trichromacy

#89b996 Protanomaly 1% of men, 0.01% of women
#90b5a2 Deuteranomaly 6% of men, 0.4% of women
#49c2bb Tritanomaly 0.01% of the population