#2fa777 hex color

In a RGB color space, hex #2fa777 is composed of 18.4% red, 65.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 0% magenta, 28.7% yellow and 34.5% black. It has a hue angle of 156 degrees, a saturation of 56.1% and a lightness of 42%. #2fa777 color hex could be obtained by blending #5effee with #004f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 65
- B 47
RGB color chart
- C 72
- M 0
- Y 29
- K 35
CMYK color chart

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

The hexadecimal color #2fa777 has RGB values of R:47, G:167, B:119 and CMYK values of C:0.72, M:0, Y:0.29, K:0.35. Its decimal value is 3123063.

Hex triplet	2fa777	`#2fa777`
RGB Decimal	47, 167, 119	`rgb(47,167,119)`
RGB Percent	18.4, 65.5, 46.7	`rgb(18.4%,65.5%,46.7%)`
CMYK	72, 0, 29, 35
HSL	156°, 56.1, 42	`hsl(156,56.1%,42%)`
HSV (or HSB)	156°, 71.9, 65.5
Web Safe	339966	`#339966`

CIE-LAB	61.283, -44.297, 15.543
XYZ	18.319, 29.572, 22.194
xyY	0.261, 0.422, 29.572
CIE-LCH	61.283, 46.945, 160.665
CIE-LUV	61.283, -47.15, 28.1
Hunter-Lab	54.38, -35.033, 13.868
Binary	00101111, 10100111, 01110111

#2fa777
```
#2fa777 rgb(47,167,119)
```
#a72f5f
```
#a72f5f rgb(167,47,95)
```

Complementary Color

#2fa73b
```
#2fa73b rgb(47,167,59)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#2f9ba7
```
#2f9ba7 rgb(47,155,167)
```

Analogous Color

#a73b2f
```
#a73b2f rgb(167,59,47)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#a72f9b
```
#a72f9b rgb(167,47,155)
```

Split Complementary Color

#a7772f
```
#a7772f rgb(167,119,47)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#772fa7
```
#772fa7 rgb(119,47,167)
```

Triadic Color

#5fa72f
```
#5fa72f rgb(95,167,47)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#772fa7
```
#772fa7 rgb(119,47,167)
```
#a72f5f
```
#a72f5f rgb(167,47,95)
```

Tetradic Color

#1e6b4c
```
#1e6b4c rgb(30,107,76)
```
#247f5b
```
#247f5b rgb(36,127,91)
```
#299369
```
#299369 rgb(41,147,105)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#35bb85
```
#35bb85 rgb(53,187,133)
```
#40c992
```
#40c992 rgb(64,201,146)
```
#54cf9e
```
#54cf9e rgb(84,207,158)
```

Monochromatic Color

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

#2fa759
```
#2fa759 rgb(47,167,89)
```
#2fa763
```
#2fa763 rgb(47,167,99)
```
#2fa76d
```
#2fa76d rgb(47,167,109)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#2fa781
```
#2fa781 rgb(47,167,129)
```
#2fa78b
```
#2fa78b rgb(47,167,139)
```
#2fa795
```
#2fa795 rgb(47,167,149)
```

Similar Colors

Text with hexadecimal color #2fa777

This text has a font color of #2fa777.

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

#2fa777 background color

This paragraph has a background color of #2fa777.

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

#2fa777 border color

This element has a border color of #2fa777.

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

CSS codes

.text {color:#2fa777;}

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

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

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, #040e0a is the darkest color, while #fefffe is the lightest one.

#040e0a
```
#040e0a rgb(4,14,10)
```
#081d15
```
#081d15 rgb(8,29,21)
```
#0d2d20
```
#0d2d20 rgb(13,45,32)
```
#113c2b
```
#113c2b rgb(17,60,43)
```
#154b36
```
#154b36 rgb(21,75,54)
```
#195a40
```
#195a40 rgb(25,90,64)
```
#1e6a4b
```
#1e6a4b rgb(30,106,75)
```
#227956
```
#227956 rgb(34,121,86)
```
#268861
```
#268861 rgb(38,136,97)
```
#2b986c
```
#2b986c rgb(43,152,108)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#33b682
```
#33b682 rgb(51,182,130)
```
#38c68d
```
#38c68d rgb(56,198,141)
```

Shade Color Variation

#46cb96
```
#46cb96 rgb(70,203,150)
```
#55cf9e
```
#55cf9e rgb(85,207,158)
```
#65d4a7
```
#65d4a7 rgb(101,212,167)
```
#74d8b0
```
#74d8b0 rgb(116,216,176)
```
#83dcb9
```
#83dcb9 rgb(131,220,185)
```
#92e0c1
```
#92e0c1 rgb(146,224,193)
```
#a2e5ca
```
#a2e5ca rgb(162,229,202)
```
#b1e9d3
```
#b1e9d3 rgb(177,233,211)
```
#c0eddb
```
#c0eddb rgb(192,237,219)
```
#d0f2e4
```
#d0f2e4 rgb(208,242,228)
```
#dff6ed
```
#dff6ed rgb(223,246,237)
```
#eefaf6
```
#eefaf6 rgb(238,250,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d6b is the less saturated color, while #06d07f is the most saturated one.

#696d6b
```
#696d6b rgb(105,109,107)
```
#60766d
```
#60766d rgb(96,118,109)
```
#587e6f
```
#587e6f rgb(88,126,111)
```
#508670
```
#508670 rgb(80,134,112)
```
#488e72
```
#488e72 rgb(72,142,114)
```
#3f9774
```
#3f9774 rgb(63,151,116)
```
#379f75
```
#379f75 rgb(55,159,117)
```
#2fa777
```
#2fa777 rgb(47,167,119)
```
#27af79
```
#27af79 rgb(39,175,121)
```
#1fb77a
```
#1fb77a rgb(31,183,122)
```
#16c07c
```
#16c07c rgb(22,192,124)
```
#0ec87e
```
#0ec87e rgb(14,200,126)
```
#06d07f
```
#06d07f rgb(6,208,127)
```

Tone Color Variation

Below, you can see how #2fa777 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
#6e867d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39976 Protanopia 1% of men
#ae9486 Deuteranopia 1% of men
#53a4b0 Tritanopia 0.001% of the population

Trichromacy

#799e76 Protanomaly 1% of men, 0.01% of women
#809b80 Deuteranomaly 6% of men, 0.4% of women
#46a59b Tritanomaly 0.01% of the population

#2fa777 hex color

#2fa777 Color Information

#2fa777 Color Conversion

Color Schemes with #2fa777

Alternatives to #2fa777

#2fa777 Preview

Shades and Tints of #2fa777

Tones of #2fa777

Color Blindness Simulator