#2fa058 hex color

In a RGB color space, hex #2fa058 is composed of 18.4% red, 62.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 45% yellow and 37.3% black. It has a hue angle of 141.8 degrees, a saturation of 54.6% and a lightness of 40.6%. #2fa058 color hex could be obtained by blending #5effb0 with #004100. Closest websafe color is: #339966.

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

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

The hexadecimal color #2fa058 has RGB values of R:47, G:160, B:88 and CMYK values of C:0.71, M:0, Y:0.45, K:0.37. Its decimal value is 3121240.

Hex triplet	2fa058	`#2fa058`
RGB Decimal	47, 160, 88	`rgb(47,160,88)`
RGB Percent	18.4, 62.7, 34.5	`rgb(18.4%,62.7%,34.5%)`
CMYK	71, 0, 45, 37
HSL	141.8°, 54.6, 40.6	`hsl(141.8,54.6%,40.6%)`
HSV (or HSB)	141.8°, 70.6, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.461, -47.76, 28.602
XYZ	15.504, 26.449, 13.52
xyY	0.279, 0.477, 26.449
CIE-LCH	58.461, 55.67, 149.084
CIE-LUV	58.461, -46.27, 43.604
Hunter-Lab	51.429, -36.19, 20.413
Binary	00101111, 10100000, 01011000

#2fa058
```
#2fa058 rgb(47,160,88)
```
#a02f77
```
#a02f77 rgb(160,47,119)
```

Complementary Color

#3fa02f
```
#3fa02f rgb(63,160,47)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#2fa091
```
#2fa091 rgb(47,160,145)
```

Analogous Color

#a02f3f
```
#a02f3f rgb(160,47,63)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#912fa0
```
#912fa0 rgb(145,47,160)
```

Split Complementary Color

#a0582f
```
#a0582f rgb(160,88,47)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#582fa0
```
#582fa0 rgb(88,47,160)
```

Triadic Color

#77a02f
```
#77a02f rgb(119,160,47)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#582fa0
```
#582fa0 rgb(88,47,160)
```
#a02f77
```
#a02f77 rgb(160,47,119)
```

Tetradic Color

#1e6537
```
#1e6537 rgb(30,101,55)
```
#237942
```
#237942 rgb(35,121,66)
```
#298c4d
```
#298c4d rgb(41,140,77)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#35b463
```
#35b463 rgb(53,180,99)
```
#3cc66e
```
#3cc66e rgb(60,198,110)
```
#50cc7d
```
#50cc7d rgb(80,204,125)
```

Monochromatic Color

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

#2fa03c
```
#2fa03c rgb(47,160,60)
```
#2fa045
```
#2fa045 rgb(47,160,69)
```
#2fa04f
```
#2fa04f rgb(47,160,79)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#2fa061
```
#2fa061 rgb(47,160,97)
```
#2fa06b
```
#2fa06b rgb(47,160,107)
```
#2fa074
```
#2fa074 rgb(47,160,116)
```

Similar Colors

Text with hexadecimal color #2fa058

This text has a font color of #2fa058.

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

#2fa058 background color

This paragraph has a background color of #2fa058.

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

#2fa058 border color

This element has a border color of #2fa058.

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

CSS codes

.text {color:#2fa058;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#07180d
```
#07180d rgb(7,24,13)
```
#0b2715
```
#0b2715 rgb(11,39,21)
```
#10361e
```
#10361e rgb(16,54,30)
```
#144526
```
#144526 rgb(20,69,38)
```
#19542e
```
#19542e rgb(25,84,46)
```
#1d6337
```
#1d6337 rgb(29,99,55)
```
#22733f
```
#22733f rgb(34,115,63)
```
#268247
```
#268247 rgb(38,130,71)
```
#2b9150
```
#2b9150 rgb(43,145,80)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#33af60
```
#33af60 rgb(51,175,96)
```
#38be69
```
#38be69 rgb(56,190,105)
```

Shade Color Variation

#42c873
```
#42c873 rgb(66,200,115)
```
#51cc7e
```
#51cc7e rgb(81,204,126)
```
#61d089
```
#61d089 rgb(97,208,137)
```
#70d594
```
#70d594 rgb(112,213,148)
```
#7fd9a0
```
#7fd9a0 rgb(127,217,160)
```
#8edeab
```
#8edeab rgb(142,222,171)
```
#9de2b6
```
#9de2b6 rgb(157,226,182)
```
#ace7c2
```
#ace7c2 rgb(172,231,194)
```
#bcebcd
```
#bcebcd rgb(188,235,205)
```
#cbf0d8
```
#cbf0d8 rgb(203,240,216)
```
#daf4e3
```
#daf4e3 rgb(218,244,227)
```
#e9f9ef
```
#e9f9ef rgb(233,249,239)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

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

#676867
```
#676867 rgb(103,104,103)
```
#5f7065
```
#5f7065 rgb(95,112,101)
```
#577863
```
#577863 rgb(87,120,99)
```
#4f8061
```
#4f8061 rgb(79,128,97)
```
#47885f
```
#47885f rgb(71,136,95)
```
#3f905c
```
#3f905c rgb(63,144,92)
```
#37985a
```
#37985a rgb(55,152,90)
```
#2fa058
```
#2fa058 rgb(47,160,88)
```
#27a856
```
#27a856 rgb(39,168,86)
```
#1fb054
```
#1fb054 rgb(31,176,84)
```
#17b851
```
#17b851 rgb(23,184,81)
```
#0fc04f
```
#0fc04f rgb(15,192,79)
```
#07c84d
```
#07c84d rgb(7,200,77)
```

Tone Color Variation

Below, you can see how #2fa058 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
#687e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f925a Protanopia 1% of men
#ad8c69 Deuteranopia 1% of men
#579ca7 Tritanopia 0.001% of the population

Trichromacy

#769759 Protanomaly 1% of men, 0.01% of women
#7f9362 Deuteranomaly 6% of men, 0.4% of women
#489d8a Tritanomaly 0.01% of the population

#2fa058 hex color

#2fa058 Color Information

#2fa058 Color Conversion

Color Schemes with #2fa058

Alternatives to #2fa058

#2fa058 Preview

Shades and Tints of #2fa058

Tones of #2fa058

Color Blindness Simulator