#2faa57 hex color

In a RGB color space, hex #2faa57 is composed of 18.4% red, 66.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 48.8% yellow and 33.3% black. It has a hue angle of 139.5 degrees, a saturation of 56.7% and a lightness of 42.5%. #2faa57 color hex could be obtained by blending #5effae with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 67
- B 34
RGB color chart
- C 72
- M 0
- Y 49
- K 33
CMYK color chart

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

The hexadecimal color #2faa57 has RGB values of R:47, G:170, B:87 and CMYK values of C:0.72, M:0, Y:0.49, K:0.33. Its decimal value is 3123799.

Hex triplet	2faa57	`#2faa57`
RGB Decimal	47, 170, 87	`rgb(47,170,87)`
RGB Percent	18.4, 66.7, 34.1	`rgb(18.4%,66.7%,34.1%)`
CMYK	72, 0, 49, 33
HSL	139.5°, 56.7, 42.5	`hsl(139.5,56.7%,42.5%)`
HSV (or HSB)	139.5°, 72.4, 66.7
Web Safe	339966	`#339966`

CIE-LAB	61.689, -51.69, 33.231
XYZ	17.266, 30.04, 13.905
xyY	0.282, 0.491, 30.04
CIE-LCH	61.689, 61.451, 147.264
CIE-LUV	61.689, -49.968, 49.896
Hunter-Lab	54.809, -39.684, 23.325
Binary	00101111, 10101010, 01010111

#2faa57
```
#2faa57 rgb(47,170,87)
```
#aa2f82
```
#aa2f82 rgb(170,47,130)
```

Complementary Color

#45aa2f
```
#45aa2f rgb(69,170,47)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```

Analogous Color

#aa2f45
```
#aa2f45 rgb(170,47,69)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#952faa
```
#952faa rgb(149,47,170)
```

Split Complementary Color

#aa572f
```
#aa572f rgb(170,87,47)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#572faa
```
#572faa rgb(87,47,170)
```

Triadic Color

#82aa2f
```
#82aa2f rgb(130,170,47)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#572faa
```
#572faa rgb(87,47,170)
```
#aa2f82
```
#aa2f82 rgb(170,47,130)
```

Tetradic Color

#1e6e38
```
#1e6e38 rgb(30,110,56)
```
#248243
```
#248243 rgb(36,130,67)
```
#29964d
```
#29964d rgb(41,150,77)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#35be61
```
#35be61 rgb(53,190,97)
```
#41cb6e
```
#41cb6e rgb(65,203,110)
```
#55d07d
```
#55d07d rgb(85,208,125)
```

Monochromatic Color

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

#2faa38
```
#2faa38 rgb(47,170,56)
```
#2faa43
```
#2faa43 rgb(47,170,67)
```
#2faa4d
```
#2faa4d rgb(47,170,77)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#2faa61
```
#2faa61 rgb(47,170,97)
```
#2faa6c
```
#2faa6c rgb(47,170,108)
```
#2faa76
```
#2faa76 rgb(47,170,118)
```

Similar Colors

Text with hexadecimal color #2faa57

This text has a font color of #2faa57.

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

#2faa57 background color

This paragraph has a background color of #2faa57.

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

#2faa57 border color

This element has a border color of #2faa57.

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

CSS codes

.text {color:#2faa57;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#051008
```
#051008 rgb(5,16,8)
```
#092010
```
#092010 rgb(9,32,16)
```
#0d2f18
```
#0d2f18 rgb(13,47,24)
```
#113e20
```
#113e20 rgb(17,62,32)
```
#164e28
```
#164e28 rgb(22,78,40)
```
#1a5d30
```
#1a5d30 rgb(26,93,48)
```
#1e6d38
```
#1e6d38 rgb(30,109,56)
```
#227c3f
```
#227c3f rgb(34,124,63)
```
#278b47
```
#278b47 rgb(39,139,71)
```
#2b9b4f
```
#2b9b4f rgb(43,155,79)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#33b95f
```
#33b95f rgb(51,185,95)
```

Shade Color Variation

#38c867
```
#38c867 rgb(56,200,103)
```
#48cc73
```
#48cc73 rgb(72,204,115)
```
#57d17e
```
#57d17e rgb(87,209,126)
```
#66d58a
```
#66d58a rgb(102,213,138)
```
#76d996
```
#76d996 rgb(118,217,150)
```
#85dda2
```
#85dda2 rgb(133,221,162)
```
#94e2ad
```
#94e2ad rgb(148,226,173)
```
#a4e6b9
```
#a4e6b9 rgb(164,230,185)
```
#b3eac5
```
#b3eac5 rgb(179,234,197)
```
#c2eed1
```
#c2eed1 rgb(194,238,209)
```
#d2f3dc
```
#d2f3dc rgb(210,243,220)
```
#e1f7e8
```
#e1f7e8 rgb(225,247,232)
```
#f1fbf4
```
#f1fbf4 rgb(241,251,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69706b is the less saturated color, while #05d448 is the most saturated one.

#69706b
```
#69706b rgb(105,112,107)
```
#617869
```
#617869 rgb(97,120,105)
```
#598066
```
#598066 rgb(89,128,102)
```
#508963
```
#508963 rgb(80,137,99)
```
#489160
```
#489160 rgb(72,145,96)
```
#40995d
```
#40995d rgb(64,153,93)
```
#37a25a
```
#37a25a rgb(55,162,90)
```
#2faa57
```
#2faa57 rgb(47,170,87)
```
#27b254
```
#27b254 rgb(39,178,84)
```
#1ebb51
```
#1ebb51 rgb(30,187,81)
```
#16c34e
```
#16c34e rgb(22,195,78)
```
#0ecb4b
```
#0ecb4b rgb(14,203,75)
```
#05d448
```
#05d448 rgb(5,212,72)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d8575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99a58 Protanopia 1% of men
#b89469 Deuteranopia 1% of men
#5ba5b1 Tritanopia 0.001% of the population

Trichromacy

#7ca058 Protanomaly 1% of men, 0.01% of women
#869c62 Deuteranomaly 6% of men, 0.4% of women
#4ba690 Tritanomaly 0.01% of the population

#2faa57 hex color

#2faa57 Color Information

#2faa57 Color Conversion

Color Schemes with #2faa57

Alternatives to #2faa57

#2faa57 Preview

Shades and Tints of #2faa57

Tones of #2faa57

Color Blindness Simulator