#2fae77 hex color

In a RGB color space, hex #2fae77 is composed of 18.4% red, 68.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 31.6% yellow and 31.8% black. It has a hue angle of 154 degrees, a saturation of 57.5% and a lightness of 43.3%. #2fae77 color hex could be obtained by blending #5effee with #005d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 68
- B 47
RGB color chart
- C 73
- M 0
- Y 32
- K 32
CMYK color chart

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

The hexadecimal color #2fae77 has RGB values of R:47, G:174, B:119 and CMYK values of C:0.73, M:0, Y:0.32, K:0.32. Its decimal value is 3124855.

Hex triplet	2fae77	`#2fae77`
RGB Decimal	47, 174, 119	`rgb(47,174,119)`
RGB Percent	18.4, 68.2, 46.7	`rgb(18.4%,68.2%,46.7%)`
CMYK	73, 0, 32, 32
HSL	154°, 57.5, 43.3	`hsl(154,57.5%,43.3%)`
HSV (or HSB)	154°, 73, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.513, -47.146, 18.617
XYZ	19.637, 32.206, 22.633
xyY	0.264, 0.432, 32.206
CIE-LCH	63.513, 50.689, 158.452
CIE-LUV	63.513, -49.699, 32.715
Hunter-Lab	56.751, -37.55, 16.079
Binary	00101111, 10101110, 01110111

#2fae77
```
#2fae77 rgb(47,174,119)
```
#ae2f66
```
#ae2f66 rgb(174,47,102)
```

Complementary Color

#2fae38
```
#2fae38 rgb(47,174,56)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#2fa6ae
```
#2fa6ae rgb(47,166,174)
```

Analogous Color

#ae382f
```
#ae382f rgb(174,56,47)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#ae2fa6
```
#ae2fa6 rgb(174,47,166)
```

Split Complementary Color

#ae772f
```
#ae772f rgb(174,119,47)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#772fae
```
#772fae rgb(119,47,174)
```

Triadic Color

#66ae2f
```
#66ae2f rgb(102,174,47)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#772fae
```
#772fae rgb(119,47,174)
```
#ae2f66
```
#ae2f66 rgb(174,47,102)
```

Tetradic Color

#1f724e
```
#1f724e rgb(31,114,78)
```
#24865c
```
#24865c rgb(36,134,92)
```
#2a9a69
```
#2a9a69 rgb(42,154,105)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#34c285
```
#34c285 rgb(52,194,133)
```
#44cc91
```
#44cc91 rgb(68,204,145)
```
#58d29d
```
#58d29d rgb(88,210,157)
```

Monochromatic Color

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

#2fae57
```
#2fae57 rgb(47,174,87)
```
#2fae62
```
#2fae62 rgb(47,174,98)
```
#2fae6c
```
#2fae6c rgb(47,174,108)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#2fae82
```
#2fae82 rgb(47,174,130)
```
#2fae8c
```
#2fae8c rgb(47,174,140)
```
#2fae97
```
#2fae97 rgb(47,174,151)
```

Similar Colors

Text with hexadecimal color #2fae77

This text has a font color of #2fae77.

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

#2fae77 background color

This paragraph has a background color of #2fae77.

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

#2fae77 border color

This element has a border color of #2fae77.

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

CSS codes

.text {color:#2fae77;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#05140d
```
#05140d rgb(5,20,13)
```
#092318
```
#092318 rgb(9,35,24)
```
#0e3223
```
#0e3223 rgb(14,50,35)
```
#12422d
```
#12422d rgb(18,66,45)
```
#165138
```
#165138 rgb(22,81,56)
```
#1a6142
```
#1a6142 rgb(26,97,66)
```
#1e704d
```
#1e704d rgb(30,112,77)
```
#228057
```
#228057 rgb(34,128,87)
```
#278f62
```
#278f62 rgb(39,143,98)
```
#2b9f6c
```
#2b9f6c rgb(43,159,108)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#33bd82
```
#33bd82 rgb(51,189,130)
```

Shade Color Variation

#3aca8c
```
#3aca8c rgb(58,202,140)
```
#4ace95
```
#4ace95 rgb(74,206,149)
```
#59d29e
```
#59d29e rgb(89,210,158)
```
#69d6a7
```
#69d6a7 rgb(105,214,167)
```
#78dbb0
```
#78dbb0 rgb(120,219,176)
```
#88dfb9
```
#88dfb9 rgb(136,223,185)
```
#97e3c2
```
#97e3c2 rgb(151,227,194)
```
#a6e7cb
```
#a6e7cb rgb(166,231,203)
```
#b6ebd4
```
#b6ebd4 rgb(182,235,212)
```
#c5efdd
```
#c5efdd rgb(197,239,221)
```
#d5f4e6
```
#d5f4e6 rgb(213,244,230)
```
#e4f8ef
```
#e4f8ef rgb(228,248,239)
```
#f4fcf8
```
#f4fcf8 rgb(244,252,248)
```

Tint Color Variation

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

#6b736f
```
#6b736f rgb(107,115,111)
```
#627b70
```
#627b70 rgb(98,123,112)
```
#5a8471
```
#5a8471 rgb(90,132,113)
```
#518c72
```
#518c72 rgb(81,140,114)
```
#499574
```
#499574 rgb(73,149,116)
```
#409d75
```
#409d75 rgb(64,157,117)
```
#38a676
```
#38a676 rgb(56,166,118)
```
#2fae77
```
#2fae77 rgb(47,174,119)
```
#27b778
```
#27b778 rgb(39,183,120)
```
#1ebf79
```
#1ebf79 rgb(30,191,121)
```
#16c87a
```
#16c87a rgb(22,200,122)
```
#0dd07c
```
#0dd07c rgb(13,208,124)
```
#04d97d
```
#04d97d rgb(4,217,125)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#718b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e75 Protanopia 1% of men
#b69986 Deuteranopia 1% of men
#56aab7 Tritanopia 0.001% of the population

Trichromacy

#7da476 Protanomaly 1% of men, 0.01% of women
#85a080 Deuteranomaly 6% of men, 0.4% of women
#48ab9f Tritanomaly 0.01% of the population

#2fae77 hex color

#2fae77 Color Information

#2fae77 Color Conversion

Color Schemes with #2fae77

Alternatives to #2fae77

#2fae77 Preview

Shades and Tints of #2fae77

Tones of #2fae77

Color Blindness Simulator