#2faf4e hex color

In a RGB color space, hex #2faf4e is composed of 18.4% red, 68.6% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 0% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 134.5 degrees, a saturation of 57.7% and a lightness of 43.5%. #2faf4e color hex could be obtained by blending #5eff9c with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 69
- B 31
RGB color chart
- C 73
- M 0
- Y 55
- K 31
CMYK color chart

● #2faf4e color description : Dark lime green.

The hexadecimal color #2faf4e has RGB values of R:47, G:175, B:78 and CMYK values of C:0.73, M:0, Y:0.55, K:0.31. Its decimal value is 3125070.

Hex triplet	2faf4e	`#2faf4e`
RGB Decimal	47, 175, 78	`rgb(47,175,78)`
RGB Percent	18.4, 68.6, 30.6	`rgb(18.4%,68.6%,30.6%)`
CMYK	73, 0, 55, 31
HSL	134.5°, 57.7, 43.5	`hsl(134.5,57.7%,43.5%)`
HSV (or HSB)	134.5°, 73.1, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.188, -54.854, 39.573
XYZ	17.876, 31.813, 12.406
xyY	0.288, 0.512, 31.813
CIE-LCH	63.188, 67.638, 144.192
CIE-LUV	63.188, -52.164, 57.141
Hunter-Lab	56.403, -42.131, 26.441
Binary	00101111, 10101111, 01001110

#2faf4e
```
#2faf4e rgb(47,175,78)
```
#af2f90
```
#af2f90 rgb(175,47,144)
```

Complementary Color

#50af2f
```
#50af2f rgb(80,175,47)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#2faf8e
```
#2faf8e rgb(47,175,142)
```

Analogous Color

#af2f50
```
#af2f50 rgb(175,47,80)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#8e2faf
```
#8e2faf rgb(142,47,175)
```

Split Complementary Color

#af4e2f
```
#af4e2f rgb(175,78,47)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#4e2faf
```
#4e2faf rgb(78,47,175)
```

Triadic Color

#90af2f
```
#90af2f rgb(144,175,47)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#4e2faf
```
#4e2faf rgb(78,47,175)
```
#af2f90
```
#af2f90 rgb(175,47,144)
```

Tetradic Color

#1f7333
```
#1f7333 rgb(31,115,51)
```
#24873c
```
#24873c rgb(36,135,60)
```
#2a9b45
```
#2a9b45 rgb(42,155,69)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#34c357
```
#34c357 rgb(52,195,87)
```
#44cd65
```
#44cd65 rgb(68,205,101)
```
#58d276
```
#58d276 rgb(88,210,118)
```

Monochromatic Color

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

#30af2f
```
#30af2f rgb(48,175,47)
```
#2faf39
```
#2faf39 rgb(47,175,57)
```
#2faf43
```
#2faf43 rgb(47,175,67)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#2faf59
```
#2faf59 rgb(47,175,89)
```
#2faf63
```
#2faf63 rgb(47,175,99)
```
#2faf6e
```
#2faf6e rgb(47,175,110)
```

Similar Colors

Text with hexadecimal color #2faf4e

This text has a font color of #2faf4e.

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

#2faf4e background color

This paragraph has a background color of #2faf4e.

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

#2faf4e border color

This element has a border color of #2faf4e.

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

CSS codes

.text {color:#2faf4e;}

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

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

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

#010502
```
#010502 rgb(1,5,2)
```
#051409
```
#051409 rgb(5,20,9)
```
#0a2410
```
#0a2410 rgb(10,36,16)
```
#0e3317
```
#0e3317 rgb(14,51,23)
```
#12431e
```
#12431e rgb(18,67,30)
```
#165225
```
#165225 rgb(22,82,37)
```
#1a622c
```
#1a622c rgb(26,98,44)
```
#1e7132
```
#1e7132 rgb(30,113,50)
```
#238139
```
#238139 rgb(35,129,57)
```
#279040
```
#279040 rgb(39,144,64)
```
#2ba047
```
#2ba047 rgb(43,160,71)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#33be55
```
#33be55 rgb(51,190,85)
```

Shade Color Variation

#3bca5e
```
#3bca5e rgb(59,202,94)
```
#4ace6a
```
#4ace6a rgb(74,206,106)
```
#5ad377
```
#5ad377 rgb(90,211,119)
```
#69d784
```
#69d784 rgb(105,215,132)
```
#79db91
```
#79db91 rgb(121,219,145)
```
#88df9d
```
#88df9d rgb(136,223,157)
```
#98e3aa
```
#98e3aa rgb(152,227,170)
```
#a7e7b7
```
#a7e7b7 rgb(167,231,183)
```
#b7ecc3
```
#b7ecc3 rgb(183,236,195)
```
#c6f0d0
```
#c6f0d0 rgb(198,240,208)
```
#d6f4dd
```
#d6f4dd rgb(214,244,221)
```
#e5f8ea
```
#e5f8ea rgb(229,248,234)
```
#f4fcf6
```
#f4fcf6 rgb(244,252,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b736d is the less saturated color, while #04da38 is the most saturated one.

#6b736d
```
#6b736d rgb(107,115,109)
```
#627c68
```
#627c68 rgb(98,124,104)
```
#5a8464
```
#5a8464 rgb(90,132,100)
```
#518d60
```
#518d60 rgb(81,141,96)
```
#49955b
```
#49955b rgb(73,149,91)
```
#409e57
```
#409e57 rgb(64,158,87)
```
#38a652
```
#38a652 rgb(56,166,82)
```
#2faf4e
```
#2faf4e rgb(47,175,78)
```
#26b84a
```
#26b84a rgb(38,184,74)
```
#1ec045
```
#1ec045 rgb(30,192,69)
```
#15c941
```
#15c941 rgb(21,201,65)
```
#0dd13c
```
#0dd13c rgb(13,209,60)
```
#04da38
```
#04da38 rgb(4,218,56)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9e50 Protanopia 1% of men
#be9761 Deuteranopia 1% of men
#5ea9b5 Tritanopia 0.001% of the population

Trichromacy

#80a44f Protanomaly 1% of men, 0.01% of women
#8aa05a Deuteranomaly 6% of men, 0.4% of women
#4dab8f Tritanomaly 0.01% of the population

#2faf4e hex color

#2faf4e Color Information

#2faf4e Color Conversion

Color Schemes with #2faf4e

Alternatives to #2faf4e

#2faf4e Preview

Shades and Tints of #2faf4e

Tones of #2faf4e

Color Blindness Simulator