#2fa661 hex color

In a RGB color space, hex #2fa661 is composed of 18.4% red, 65.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 0% magenta, 41.6% yellow and 34.9% black. It has a hue angle of 145.2 degrees, a saturation of 55.9% and a lightness of 41.8%. #2fa661 color hex could be obtained by blending #5effc2 with #004d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 65
- B 38
RGB color chart
- C 72
- M 0
- Y 42
- K 35
CMYK color chart

● #2fa661 color description : Dark cyan - lime green.

The hexadecimal color #2fa661 has RGB values of R:47, G:166, B:97 and CMYK values of C:0.72, M:0, Y:0.42, K:0.35. Its decimal value is 3122785.

Hex triplet	2fa661	`#2fa661`
RGB Decimal	47, 166, 97	`rgb(47,166,97)`
RGB Percent	18.4, 65.1, 38	`rgb(18.4%,65.1%,38%)`
CMYK	72, 0, 42, 35
HSL	145.2°, 55.9, 41.8	`hsl(145.2,55.9%,41.8%)`
HSV (or HSB)	145.2°, 71.7, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.55, -48.437, 26.527
XYZ	16.965, 28.738, 15.962
xyY	0.275, 0.466, 28.738
CIE-LCH	60.55, 55.225, 151.292
CIE-LUV	60.55, -48.019, 41.88
Hunter-Lab	53.608, -37.325, 19.872
Binary	00101111, 10100110, 01100001

#2fa661
```
#2fa661 rgb(47,166,97)
```
#a62f74
```
#a62f74 rgb(166,47,116)
```

Complementary Color

#39a62f
```
#39a62f rgb(57,166,47)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#2fa69d
```
#2fa69d rgb(47,166,157)
```

Analogous Color

#a62f39
```
#a62f39 rgb(166,47,57)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#9d2fa6
```
#9d2fa6 rgb(157,47,166)
```

Split Complementary Color

#a6612f
```
#a6612f rgb(166,97,47)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#612fa6
```
#612fa6 rgb(97,47,166)
```

Triadic Color

#74a62f
```
#74a62f rgb(116,166,47)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#612fa6
```
#612fa6 rgb(97,47,166)
```
#a62f74
```
#a62f74 rgb(166,47,116)
```

Tetradic Color

#1e6a3e
```
#1e6a3e rgb(30,106,62)
```
#247e4a
```
#247e4a rgb(36,126,74)
```
#299255
```
#299255 rgb(41,146,85)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#35ba6d
```
#35ba6d rgb(53,186,109)
```
#3fc979
```
#3fc979 rgb(63,201,121)
```
#53ce87
```
#53ce87 rgb(83,206,135)
```

Monochromatic Color

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

#2fa643
```
#2fa643 rgb(47,166,67)
```
#2fa64d
```
#2fa64d rgb(47,166,77)
```
#2fa657
```
#2fa657 rgb(47,166,87)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#2fa66b
```
#2fa66b rgb(47,166,107)
```
#2fa675
```
#2fa675 rgb(47,166,117)
```
#2fa67f
```
#2fa67f rgb(47,166,127)
```

Similar Colors

Text with hexadecimal color #2fa661

This text has a font color of #2fa661.

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

#2fa661 background color

This paragraph has a background color of #2fa661.

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

#2fa661 border color

This element has a border color of #2fa661.

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

CSS codes

.text {color:#2fa661;}

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

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

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, #040d08 is the darkest color, while #fdfefd is the lightest one.

#040d08
```
#040d08 rgb(4,13,8)
```
#081c11
```
#081c11 rgb(8,28,17)
```
#0c2c1a
```
#0c2c1a rgb(12,44,26)
```
#113b22
```
#113b22 rgb(17,59,34)
```
#154a2b
```
#154a2b rgb(21,74,43)
```
#195a34
```
#195a34 rgb(25,90,52)
```
#1e693d
```
#1e693d rgb(30,105,61)
```
#227846
```
#227846 rgb(34,120,70)
```
#26874f
```
#26874f rgb(38,135,79)
```
#2b9758
```
#2b9758 rgb(43,151,88)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#33b56a
```
#33b56a rgb(51,181,106)
```
#38c573
```
#38c573 rgb(56,197,115)
```

Shade Color Variation

#45ca7d
```
#45ca7d rgb(69,202,125)
```
#55cf88
```
#55cf88 rgb(85,207,136)
```
#64d393
```
#64d393 rgb(100,211,147)
```
#73d79d
```
#73d79d rgb(115,215,157)
```
#83dca8
```
#83dca8 rgb(131,220,168)
```
#92e0b3
```
#92e0b3 rgb(146,224,179)
```
#a1e4bd
```
#a1e4bd rgb(161,228,189)
```
#b0e9c8
```
#b0e9c8 rgb(176,233,200)
```
#c0edd3
```
#c0edd3 rgb(192,237,211)
```
#cff1dd
```
#cff1dd rgb(207,241,221)
```
#def6e8
```
#def6e8 rgb(222,246,232)
```
#eefaf3
```
#eefaf3 rgb(238,250,243)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686d6a is the less saturated color, while #06cf5a is the most saturated one.

#686d6a
```
#686d6a rgb(104,109,106)
```
#607569
```
#607569 rgb(96,117,105)
```
#587d68
```
#587d68 rgb(88,125,104)
```
#508566
```
#508566 rgb(80,133,102)
```
#488d65
```
#488d65 rgb(72,141,101)
```
#3f9664
```
#3f9664 rgb(63,150,100)
```
#379e62
```
#379e62 rgb(55,158,98)
```
#2fa661
```
#2fa661 rgb(47,166,97)
```
#27ae60
```
#27ae60 rgb(39,174,96)
```
#1fb65e
```
#1fb65e rgb(31,182,94)
```
#16bf5d
```
#16bf5d rgb(22,191,93)
```
#0ec75c
```
#0ec75c rgb(14,199,92)
```
#06cf5a
```
#06cf5a rgb(6,207,90)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c8476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49762 Protanopia 1% of men
#b29171 Deuteranopia 1% of men
#58a2ae Tritanopia 0.001% of the population

Trichromacy

#799c61 Protanomaly 1% of men, 0.01% of women
#82996b Deuteranomaly 6% of men, 0.4% of women
#49a392 Tritanomaly 0.01% of the population

#2fa661 hex color

#2fa661 Color Information

#2fa661 Color Conversion

Color Schemes with #2fa661

Alternatives to #2fa661

#2fa661 Preview

Shades and Tints of #2fa661

Tones of #2fa661

Color Blindness Simulator