#2fa687 hex color

In a RGB color space, hex #2fa687 is composed of 18.4% red, 65.1% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 0% magenta, 18.7% yellow and 34.9% black. It has a hue angle of 164.4 degrees, a saturation of 55.9% and a lightness of 41.8%. #2fa687 color hex could be obtained by blending #5effff with #004d0f. Closest websafe color is: #339999.

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

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

The hexadecimal color #2fa687 has RGB values of R:47, G:166, B:135 and CMYK values of C:0.72, M:0, Y:0.19, K:0.35. Its decimal value is 3122823.

Hex triplet	2fa687	`#2fa687`
RGB Decimal	47, 166, 135	`rgb(47,166,135)`
RGB Percent	18.4, 65.1, 52.9	`rgb(18.4%,65.1%,52.9%)`
CMYK	72, 0, 19, 35
HSL	164.4°, 55.9, 41.8	`hsl(164.4,55.9%,41.8%)`
HSV (or HSB)	164.4°, 71.7, 65.1
Web Safe	339999	`#339999`

CIE-LAB	61.329, -40.039, 6.709
XYZ	19.18, 29.624, 27.628
xyY	0.251, 0.388, 29.624
CIE-LCH	61.329, 40.597, 170.488
CIE-LUV	61.329, -45.792, 15.622
Hunter-Lab	54.428, -32.347, 8.004
Binary	00101111, 10100110, 10000111

#2fa687
```
#2fa687 rgb(47,166,135)
```
#a62f4e
```
#a62f4e rgb(166,47,78)
```

Complementary Color

#2fa64c
```
#2fa64c rgb(47,166,76)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#2f8aa6
```
#2f8aa6 rgb(47,138,166)
```

Analogous Color

#a64c2f
```
#a64c2f rgb(166,76,47)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#a62f8a
```
#a62f8a rgb(166,47,138)
```

Split Complementary Color

#a6872f
```
#a6872f rgb(166,135,47)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#872fa6
```
#872fa6 rgb(135,47,166)
```

Triadic Color

#4ea62f
```
#4ea62f rgb(78,166,47)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#872fa6
```
#872fa6 rgb(135,47,166)
```
#a62f4e
```
#a62f4e rgb(166,47,78)
```

Tetradic Color

#1e6a57
```
#1e6a57 rgb(30,106,87)
```
#247e67
```
#247e67 rgb(36,126,103)
```
#299277
```
#299277 rgb(41,146,119)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#35ba97
```
#35ba97 rgb(53,186,151)
```
#3fc9a5
```
#3fc9a5 rgb(63,201,165)
```
#53ceae
```
#53ceae rgb(83,206,174)
```

Monochromatic Color

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

#2fa669
```
#2fa669 rgb(47,166,105)
```
#2fa673
```
#2fa673 rgb(47,166,115)
```
#2fa67d
```
#2fa67d rgb(47,166,125)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#2fa691
```
#2fa691 rgb(47,166,145)
```
#2fa69b
```
#2fa69b rgb(47,166,155)
```
#2fa6a5
```
#2fa6a5 rgb(47,166,165)
```

Similar Colors

Text with hexadecimal color #2fa687

This text has a font color of #2fa687.

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

#2fa687 background color

This paragraph has a background color of #2fa687.

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

#2fa687 border color

This element has a border color of #2fa687.

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

CSS codes

.text {color:#2fa687;}

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

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

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

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c17
```
#081c17 rgb(8,28,23)
```
#0c2c24
```
#0c2c24 rgb(12,44,36)
```
#113b30
```
#113b30 rgb(17,59,48)
```
#154a3c
```
#154a3c rgb(21,74,60)
```
#195a49
```
#195a49 rgb(25,90,73)
```
#1e6955
```
#1e6955 rgb(30,105,85)
```
#227862
```
#227862 rgb(34,120,98)
```
#26876e
```
#26876e rgb(38,135,110)
```
#2b977b
```
#2b977b rgb(43,151,123)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#33b593
```
#33b593 rgb(51,181,147)
```
#38c5a0
```
#38c5a0 rgb(56,197,160)
```

Shade Color Variation

#45caa8
```
#45caa8 rgb(69,202,168)
```
#55cfaf
```
#55cfaf rgb(85,207,175)
```
#64d3b6
```
#64d3b6 rgb(100,211,182)
```
#73d7bd
```
#73d7bd rgb(115,215,189)
```
#83dcc5
```
#83dcc5 rgb(131,220,197)
```
#92e0cc
```
#92e0cc rgb(146,224,204)
```
#a1e4d3
```
#a1e4d3 rgb(161,228,211)
```
#b0e9da
```
#b0e9da rgb(176,233,218)
```
#c0ede1
```
#c0ede1 rgb(192,237,225)
```
#cff1e8
```
#cff1e8 rgb(207,241,232)
```
#def6f0
```
#def6f0 rgb(222,246,240)
```
#eefaf7
```
#eefaf7 rgb(238,250,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#686d6c
```
#686d6c rgb(104,109,108)
```
#60756f
```
#60756f rgb(96,117,111)
```
#587d73
```
#587d73 rgb(88,125,115)
```
#508577
```
#508577 rgb(80,133,119)
```
#488d7b
```
#488d7b rgb(72,141,123)
```
#3f967f
```
#3f967f rgb(63,150,127)
```
#379e83
```
#379e83 rgb(55,158,131)
```
#2fa687
```
#2fa687 rgb(47,166,135)
```
#27ae8b
```
#27ae8b rgb(39,174,139)
```
#1fb68f
```
#1fb68f rgb(31,182,143)
```
#16bf93
```
#16bf93 rgb(22,191,147)
```
#0ec797
```
#0ec797 rgb(14,199,151)
```
#06cf9b
```
#06cf9b rgb(6,207,155)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19984 Protanopia 1% of men
#a99494 Deuteranopia 1% of men
#4ea5b1 Tritanopia 0.001% of the population

Trichromacy

#779d85 Protanomaly 1% of men, 0.01% of women
#7d9b8f Deuteranomaly 6% of men, 0.4% of women
#43a5a2 Tritanomaly 0.01% of the population

#2fa687 hex color

#2fa687 Color Information

#2fa687 Color Conversion

Color Schemes with #2fa687

Alternatives to #2fa687

#2fa687 Preview

Shades and Tints of #2fa687

Tones of #2fa687

Color Blindness Simulator