#2fa156 hex color

In a RGB color space, hex #2fa156 is composed of 18.4% red, 63.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 46.6% yellow and 36.9% black. It has a hue angle of 140.5 degrees, a saturation of 54.8% and a lightness of 40.8%. #2fa156 color hex could be obtained by blending #5effac with #004300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 63
- B 34
RGB color chart
- C 71
- M 0
- Y 47
- K 37
CMYK color chart

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

The hexadecimal color #2fa156 has RGB values of R:47, G:161, B:86 and CMYK values of C:0.71, M:0, Y:0.47, K:0.37. Its decimal value is 3121494.

Hex triplet	2fa156	`#2fa156`
RGB Decimal	47, 161, 86	`rgb(47,161,86)`
RGB Percent	18.4, 63.1, 33.7	`rgb(18.4%,63.1%,33.7%)`
CMYK	71, 0, 47, 37
HSL	140.5°, 54.8, 40.8	`hsl(140.5,54.8%,40.8%)`
HSV (or HSB)	140.5°, 70.8, 63.1
Web Safe	339966	`#339966`

CIE-LAB	58.756, -48.49, 30.035
XYZ	15.596, 26.764, 13.148
xyY	0.281, 0.482, 26.764
CIE-LCH	58.756, 57.039, 148.225
CIE-LUV	58.756, -46.735, 45.313
Hunter-Lab	51.734, -36.725, 21.146
Binary	00101111, 10100001, 01010110

#2fa156
```
#2fa156 rgb(47,161,86)
```
#a12f7a
```
#a12f7a rgb(161,47,122)
```

Complementary Color

#41a12f
```
#41a12f rgb(65,161,47)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#2fa18f
```
#2fa18f rgb(47,161,143)
```

Analogous Color

#a12f41
```
#a12f41 rgb(161,47,65)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#8f2fa1
```
#8f2fa1 rgb(143,47,161)
```

Split Complementary Color

#a1562f
```
#a1562f rgb(161,86,47)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#562fa1
```
#562fa1 rgb(86,47,161)
```

Triadic Color

#7aa12f
```
#7aa12f rgb(122,161,47)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#562fa1
```
#562fa1 rgb(86,47,161)
```
#a12f7a
```
#a12f7a rgb(161,47,122)
```

Tetradic Color

#1e6636
```
#1e6636 rgb(30,102,54)
```
#237a41
```
#237a41 rgb(35,122,65)
```
#298d4b
```
#298d4b rgb(41,141,75)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#35b561
```
#35b561 rgb(53,181,97)
```
#3dc66c
```
#3dc66c rgb(61,198,108)
```
#50cc7b
```
#50cc7b rgb(80,204,123)
```

Monochromatic Color

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

#2fa13a
```
#2fa13a rgb(47,161,58)
```
#2fa143
```
#2fa143 rgb(47,161,67)
```
#2fa14d
```
#2fa14d rgb(47,161,77)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#2fa160
```
#2fa160 rgb(47,161,96)
```
#2fa169
```
#2fa169 rgb(47,161,105)
```
#2fa173
```
#2fa173 rgb(47,161,115)
```

Similar Colors

Text with hexadecimal color #2fa156

This text has a font color of #2fa156.

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

#2fa156 background color

This paragraph has a background color of #2fa156.

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

#2fa156 border color

This element has a border color of #2fa156.

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

CSS codes

.text {color:#2fa156;}

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

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

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

#030905
```
#030905 rgb(3,9,5)
```
#07180d
```
#07180d rgb(7,24,13)
```
#0c2815
```
#0c2815 rgb(12,40,21)
```
#10371d
```
#10371d rgb(16,55,29)
```
#144625
```
#144625 rgb(20,70,37)
```
#19552d
```
#19552d rgb(25,85,45)
```
#1d6436
```
#1d6436 rgb(29,100,54)
```
#22733e
```
#22733e rgb(34,115,62)
```
#268346
```
#268346 rgb(38,131,70)
```
#2b924e
```
#2b924e rgb(43,146,78)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#33b05e
```
#33b05e rgb(51,176,94)
```
#38bf66
```
#38bf66 rgb(56,191,102)
```

Shade Color Variation

#43c870
```
#43c870 rgb(67,200,112)
```
#52cc7c
```
#52cc7c rgb(82,204,124)
```
#61d187
```
#61d187 rgb(97,209,135)
```
#70d593
```
#70d593 rgb(112,213,147)
```
#80da9e
```
#80da9e rgb(128,218,158)
```
#8fdeaa
```
#8fdeaa rgb(143,222,170)
```
#9ee3b5
```
#9ee3b5 rgb(158,227,181)
```
#ade7c1
```
#ade7c1 rgb(173,231,193)
```
#bceccc
```
#bceccc rgb(188,236,204)
```
#cbf0d8
```
#cbf0d8 rgb(203,240,216)
```
#dbf4e3
```
#dbf4e3 rgb(219,244,227)
```
#eaf9ef
```
#eaf9ef rgb(234,249,239)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#676968
```
#676968 rgb(103,105,104)
```
#5f7165
```
#5f7165 rgb(95,113,101)
```
#577963
```
#577963 rgb(87,121,99)
```
#4f8160
```
#4f8160 rgb(79,129,96)
```
#47895e
```
#47895e rgb(71,137,94)
```
#3f915b
```
#3f915b rgb(63,145,91)
```
#379959
```
#379959 rgb(55,153,89)
```
#2fa156
```
#2fa156 rgb(47,161,86)
```
#27a953
```
#27a953 rgb(39,169,83)
```
#1fb151
```
#1fb151 rgb(31,177,81)
```
#17b94e
```
#17b94e rgb(23,185,78)
```
#0fc14c
```
#0fc14c rgb(15,193,76)
```
#07c949
```
#07c949 rgb(7,201,73)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09358 Protanopia 1% of men
#ae8d67 Deuteranopia 1% of men
#579da8 Tritanopia 0.001% of the population

Trichromacy

#779857 Protanomaly 1% of men, 0.01% of women
#809461 Deuteranomaly 6% of men, 0.4% of women
#489e8a Tritanomaly 0.01% of the population

#2fa156 hex color

#2fa156 Color Information

#2fa156 Color Conversion

Color Schemes with #2fa156

Alternatives to #2fa156

#2fa156 Preview

Shades and Tints of #2fa156

Tones of #2fa156

Color Blindness Simulator