#2fa055 hex color

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

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

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

The hexadecimal color #2fa055 has RGB values of R:47, G:160, B:85 and CMYK values of C:0.71, M:0, Y:0.47, K:0.37. Its decimal value is 3121237.

Hex triplet	2fa055	`#2fa055`
RGB Decimal	47, 160, 85	`rgb(47,160,85)`
RGB Percent	18.4, 62.7, 33.3	`rgb(18.4%,62.7%,33.3%)`
CMYK	71, 0, 47, 37
HSL	140.2°, 54.6, 40.6	`hsl(140.2,54.6%,40.6%)`
HSV (or HSB)	140.2°, 70.6, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.415, -48.28, 30.126
XYZ	15.382, 26.4, 12.879
xyY	0.281, 0.483, 26.4
CIE-LCH	58.415, 56.909, 148.036
CIE-LUV	58.415, -46.414, 45.292
Hunter-Lab	51.381, -36.481, 21.106
Binary	00101111, 10100000, 01010101

#2fa055
```
#2fa055 rgb(47,160,85)
```
#a02f7a
```
#a02f7a rgb(160,47,122)
```

Complementary Color

#42a02f
```
#42a02f rgb(66,160,47)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#2fa08e
```
#2fa08e rgb(47,160,142)
```

Analogous Color

#a02f42
```
#a02f42 rgb(160,47,66)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#8e2fa0
```
#8e2fa0 rgb(142,47,160)
```

Split Complementary Color

#a0552f
```
#a0552f rgb(160,85,47)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```

Triadic Color

#7aa02f
```
#7aa02f rgb(122,160,47)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#552fa0
```
#552fa0 rgb(85,47,160)
```
#a02f7a
```
#a02f7a rgb(160,47,122)
```

Tetradic Color

#1e6536
```
#1e6536 rgb(30,101,54)
```
#237940
```
#237940 rgb(35,121,64)
```
#298c4b
```
#298c4b rgb(41,140,75)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#35b45f
```
#35b45f rgb(53,180,95)
```
#3cc66a
```
#3cc66a rgb(60,198,106)
```
#50cc7a
```
#50cc7a rgb(80,204,122)
```

Monochromatic Color

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

#2fa039
```
#2fa039 rgb(47,160,57)
```
#2fa042
```
#2fa042 rgb(47,160,66)
```
#2fa04c
```
#2fa04c rgb(47,160,76)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#2fa05e
```
#2fa05e rgb(47,160,94)
```
#2fa068
```
#2fa068 rgb(47,160,104)
```
#2fa071
```
#2fa071 rgb(47,160,113)
```

Similar Colors

Text with hexadecimal color #2fa055

This text has a font color of #2fa055.

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

#2fa055 background color

This paragraph has a background color of #2fa055.

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

#2fa055 border color

This element has a border color of #2fa055.

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

CSS codes

.text {color:#2fa055;}

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

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

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

#020804
```
#020804 rgb(2,8,4)
```
#07180d
```
#07180d rgb(7,24,13)
```
#0b2715
```
#0b2715 rgb(11,39,21)
```
#10361d
```
#10361d rgb(16,54,29)
```
#144525
```
#144525 rgb(20,69,37)
```
#19542d
```
#19542d rgb(25,84,45)
```
#1d6335
```
#1d6335 rgb(29,99,53)
```
#22733d
```
#22733d rgb(34,115,61)
```
#268245
```
#268245 rgb(38,130,69)
```
#2b914d
```
#2b914d rgb(43,145,77)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#33af5d
```
#33af5d rgb(51,175,93)
```
#38be65
```
#38be65 rgb(56,190,101)
```

Shade Color Variation

#42c86f
```
#42c86f rgb(66,200,111)
```
#51cc7b
```
#51cc7b rgb(81,204,123)
```
#61d086
```
#61d086 rgb(97,208,134)
```
#70d592
```
#70d592 rgb(112,213,146)
```
#7fd99d
```
#7fd99d rgb(127,217,157)
```
#8edea9
```
#8edea9 rgb(142,222,169)
```
#9de2b4
```
#9de2b4 rgb(157,226,180)
```
#ace7c0
```
#ace7c0 rgb(172,231,192)
```
#bcebcc
```
#bcebcc rgb(188,235,204)
```
#cbf0d7
```
#cbf0d7 rgb(203,240,215)
```
#daf4e3
```
#daf4e3 rgb(218,244,227)
```
#e9f9ee
```
#e9f9ee rgb(233,249,238)
```
#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 #07c848 is the most saturated one.

#676867
```
#676867 rgb(103,104,103)
```
#5f7065
```
#5f7065 rgb(95,112,101)
```
#577862
```
#577862 rgb(87,120,98)
```
#4f805f
```
#4f805f rgb(79,128,95)
```
#47885d
```
#47885d rgb(71,136,93)
```
#3f905a
```
#3f905a rgb(63,144,90)
```
#379858
```
#379858 rgb(55,152,88)
```
#2fa055
```
#2fa055 rgb(47,160,85)
```
#27a852
```
#27a852 rgb(39,168,82)
```
#1fb050
```
#1fb050 rgb(31,176,80)
```
#17b84d
```
#17b84d rgb(23,184,77)
```
#0fc04b
```
#0fc04b rgb(15,192,75)
```
#07c848
```
#07c848 rgb(7,200,72)
```

Tone Color Variation

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

Dichromacy

#a09257 Protanopia 1% of men
#ad8c66 Deuteranopia 1% of men
#579ca7 Tritanopia 0.001% of the population

Trichromacy

#769756 Protanomaly 1% of men, 0.01% of women
#7f9360 Deuteranomaly 6% of men, 0.4% of women
#489d89 Tritanomaly 0.01% of the population

#2fa055 hex color

#2fa055 Color Information

#2fa055 Color Conversion

Color Schemes with #2fa055

Alternatives to #2fa055

#2fa055 Preview

Shades and Tints of #2fa055

Tones of #2fa055

Color Blindness Simulator