#2fa78c hex color

In a RGB color space, hex #2fa78c is composed of 18.4% red, 65.5% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 0% magenta, 16.2% yellow and 34.5% black. It has a hue angle of 166.5 degrees, a saturation of 56.1% and a lightness of 42%. #2fa78c color hex could be obtained by blending #5effff with #004f19. Closest websafe color is: #339999.

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

● #2fa78c color description : Dark cyan.

The hexadecimal color #2fa78c has RGB values of R:47, G:167, B:140 and CMYK values of C:0.72, M:0, Y:0.16, K:0.35. Its decimal value is 3123084.

Hex triplet	2fa78c	`#2fa78c`
RGB Decimal	47, 167, 140	`rgb(47,167,140)`
RGB Percent	18.4, 65.5, 54.9	`rgb(18.4%,65.5%,54.9%)`
CMYK	72, 0, 16, 35
HSL	166.5°, 56.1, 42	`hsl(166.5,56.1%,42%)`
HSV (or HSB)	166.5°, 71.9, 65.5
Web Safe	339999	`#339999`

CIE-LAB	61.769, -39.196, 4.544
XYZ	19.723, 30.133, 29.586
xyY	0.248, 0.379, 30.133
CIE-LCH	61.769, 39.459, 173.388
CIE-LUV	61.769, -45.838, 12.473
Hunter-Lab	54.894, -31.931, 6.47
Binary	00101111, 10100111, 10001100

#2fa78c
```
#2fa78c rgb(47,167,140)
```
#a72f4a
```
#a72f4a rgb(167,47,74)
```

Complementary Color

#2fa750
```
#2fa750 rgb(47,167,80)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#2f86a7
```
#2f86a7 rgb(47,134,167)
```

Analogous Color

#a7502f
```
#a7502f rgb(167,80,47)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#a72f86
```
#a72f86 rgb(167,47,134)
```

Split Complementary Color

#a78c2f
```
#a78c2f rgb(167,140,47)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#8c2fa7
```
#8c2fa7 rgb(140,47,167)
```

Triadic Color

#4aa72f
```
#4aa72f rgb(74,167,47)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#8c2fa7
```
#8c2fa7 rgb(140,47,167)
```
#a72f4a
```
#a72f4a rgb(167,47,74)
```

Tetradic Color

#1e6b5a
```
#1e6b5a rgb(30,107,90)
```
#247f6b
```
#247f6b rgb(36,127,107)
```
#29937b
```
#29937b rgb(41,147,123)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#35bb9d
```
#35bb9d rgb(53,187,157)
```
#40c9aa
```
#40c9aa rgb(64,201,170)
```
#54cfb3
```
#54cfb3 rgb(84,207,179)
```

Monochromatic Color

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

#2fa76e
```
#2fa76e rgb(47,167,110)
```
#2fa778
```
#2fa778 rgb(47,167,120)
```
#2fa782
```
#2fa782 rgb(47,167,130)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#2fa796
```
#2fa796 rgb(47,167,150)
```
#2fa7a0
```
#2fa7a0 rgb(47,167,160)
```
#2fa4a7
```
#2fa4a7 rgb(47,164,167)
```

Similar Colors

Text with hexadecimal color #2fa78c

This text has a font color of #2fa78c.

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

#2fa78c background color

This paragraph has a background color of #2fa78c.

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

#2fa78c border color

This element has a border color of #2fa78c.

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

CSS codes

.text {color:#2fa78c;}

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

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

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

#040e0c
```
#040e0c rgb(4,14,12)
```
#081d19
```
#081d19 rgb(8,29,25)
```
#0d2d25
```
#0d2d25 rgb(13,45,37)
```
#113c32
```
#113c32 rgb(17,60,50)
```
#154b3f
```
#154b3f rgb(21,75,63)
```
#195a4c
```
#195a4c rgb(25,90,76)
```
#1e6a59
```
#1e6a59 rgb(30,106,89)
```
#227966
```
#227966 rgb(34,121,102)
```
#268872
```
#268872 rgb(38,136,114)
```
#2b987f
```
#2b987f rgb(43,152,127)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#33b699
```
#33b699 rgb(51,182,153)
```
#38c6a6
```
#38c6a6 rgb(56,198,166)
```

Shade Color Variation

#46cbad
```
#46cbad rgb(70,203,173)
```
#55cfb4
```
#55cfb4 rgb(85,207,180)
```
#65d4bb
```
#65d4bb rgb(101,212,187)
```
#74d8c1
```
#74d8c1 rgb(116,216,193)
```
#83dcc8
```
#83dcc8 rgb(131,220,200)
```
#92e0cf
```
#92e0cf rgb(146,224,207)
```
#a2e5d6
```
#a2e5d6 rgb(162,229,214)
```
#b1e9dc
```
#b1e9dc rgb(177,233,220)
```
#c0ede3
```
#c0ede3 rgb(192,237,227)
```
#d0f2ea
```
#d0f2ea rgb(208,242,234)
```
#dff6f1
```
#dff6f1 rgb(223,246,241)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#696d6c
```
#696d6c rgb(105,109,108)
```
#607671
```
#607671 rgb(96,118,113)
```
#587e75
```
#587e75 rgb(88,126,117)
```
#50867a
```
#50867a rgb(80,134,122)
```
#488e7e
```
#488e7e rgb(72,142,126)
```
#3f9783
```
#3f9783 rgb(63,151,131)
```
#379f87
```
#379f87 rgb(55,159,135)
```
#2fa78c
```
#2fa78c rgb(47,167,140)
```
#27af91
```
#27af91 rgb(39,175,145)
```
#1fb795
```
#1fb795 rgb(31,183,149)
```
#16c09a
```
#16c09a rgb(22,192,154)
```
#0ec89e
```
#0ec89e rgb(14,200,158)
```
#06d0a3
```
#06d0a3 rgb(6,208,163)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19a89 Protanopia 1% of men
#a99699 Deuteranopia 1% of men
#4da6b2 Tritanopia 0.001% of the population

Trichromacy

#779e8a Protanomaly 1% of men, 0.01% of women
#7c9c94 Deuteranomaly 6% of men, 0.4% of women
#42a6a4 Tritanomaly 0.01% of the population

#2fa78c hex color

#2fa78c Color Information

#2fa78c Color Conversion

Color Schemes with #2fa78c

Alternatives to #2fa78c

#2fa78c Preview

Shades and Tints of #2fa78c

Tones of #2fa78c

Color Blindness Simulator