#2fd986 hex color

In a RGB color space, hex #2fd986 is composed of 18.4% red, 85.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 38.2% yellow and 14.9% black. It has a hue angle of 150.7 degrees, a saturation of 69.1% and a lightness of 51.8%. #2fd986 color hex could be obtained by blending #5effff with #00b30d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 85
- B 53
RGB color chart
- C 78
- M 0
- Y 38
- K 15
CMYK color chart

● #2fd986 color description : Bright cyan - lime green.

The hexadecimal color #2fd986 has RGB values of R:47, G:217, B:134 and CMYK values of C:0.78, M:0, Y:0.38, K:0.15. Its decimal value is 3135878.

Hex triplet	2fd986	`#2fd986`
RGB Decimal	47, 217, 134	`rgb(47,217,134)`
RGB Percent	18.4, 85.1, 52.5	`rgb(18.4%,85.1%,52.5%)`
CMYK	78, 0, 38, 15
HSL	150.7°, 69.1, 51.8	`hsl(150.7,69.1%,51.8%)`
HSV (or HSB)	150.7°, 78.3, 85.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.25, -60.428, 29.226
XYZ	30.286, 51.948, 30.984
xyY	0.268, 0.459, 51.948
CIE-LCH	77.25, 67.125, 154.189
CIE-LUV	77.25, -63.873, 49.941
Hunter-Lab	72.075, -51.126, 24.965
Binary	00101111, 11011001, 10000110

#2fd986
```
#2fd986 rgb(47,217,134)
```
#d92f82
```
#d92f82 rgb(217,47,130)
```

Complementary Color

#2fd931
```
#2fd931 rgb(47,217,49)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#2fd7d9
```
#2fd7d9 rgb(47,215,217)
```

Analogous Color

#d9312f
```
#d9312f rgb(217,49,47)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#d92fd7
```
#d92fd7 rgb(217,47,215)
```

Split Complementary Color

#d9862f
```
#d9862f rgb(217,134,47)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#862fd9
```
#862fd9 rgb(134,47,217)
```

Triadic Color

#82d92f
```
#82d92f rgb(130,217,47)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#862fd9
```
#862fd9 rgb(134,47,217)
```
#d92f82
```
#d92f82 rgb(217,47,130)
```

Tetradic Color

#1d9f5f
```
#1d9f5f rgb(29,159,95)
```
#21b46c
```
#21b46c rgb(33,180,108)
```
#25ca79
```
#25ca79 rgb(37,202,121)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#45dd93
```
#45dd93 rgb(69,221,147)
```
#5ae19f
```
#5ae19f rgb(90,225,159)
```
#70e5ac
```
#70e5ac rgb(112,229,172)
```

Monochromatic Color

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

#2fd95c
```
#2fd95c rgb(47,217,92)
```
#2fd96a
```
#2fd96a rgb(47,217,106)
```
#2fd978
```
#2fd978 rgb(47,217,120)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#2fd994
```
#2fd994 rgb(47,217,148)
```
#2fd9a2
```
#2fd9a2 rgb(47,217,162)
```
#2fd9b1
```
#2fd9b1 rgb(47,217,177)
```

Similar Colors

Text with hexadecimal color #2fd986

This text has a font color of #2fd986.

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

#2fd986 background color

This paragraph has a background color of #2fd986.

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

#2fd986 border color

This element has a border color of #2fd986.

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

CSS codes

.text {color:#2fd986;}

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

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

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

#010805
```
#010805 rgb(1,8,5)
```
#04180f
```
#04180f rgb(4,24,15)
```
#072919
```
#072919 rgb(7,41,25)
```
#0a3922
```
#0a3922 rgb(10,57,34)
```
#0e4a2c
```
#0e4a2c rgb(14,74,44)
```
#115b36
```
#115b36 rgb(17,91,54)
```
#146b40
```
#146b40 rgb(20,107,64)
```
#177c4a
```
#177c4a rgb(23,124,74)
```
#1a8c54
```
#1a8c54 rgb(26,140,84)
```
#1d9d5e
```
#1d9d5e rgb(29,157,94)
```
#20ad68
```
#20ad68 rgb(32,173,104)
```
#23be72
```
#23be72 rgb(35,190,114)
```
#26cf7c
```
#26cf7c rgb(38,207,124)
```

Shade Color Variation

#2fd986
```
#2fd986 rgb(47,217,134)
```
#40dc90
```
#40dc90 rgb(64,220,144)
```
#50df99
```
#50df99 rgb(80,223,153)
```
#61e2a3
```
#61e2a3 rgb(97,226,163)
```
#71e5ad
```
#71e5ad rgb(113,229,173)
```
#82e8b6
```
#82e8b6 rgb(130,232,182)
```
#93ebc0
```
#93ebc0 rgb(147,235,192)
```
#a3eeca
```
#a3eeca rgb(163,238,202)
```
#b4f1d3
```
#b4f1d3 rgb(180,241,211)
```
#c4f4dd
```
#c4f4dd rgb(196,244,221)
```
#d5f7e6
```
#d5f7e6 rgb(213,247,230)
```
#e5faf0
```
#e5faf0 rgb(229,250,240)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8d84 is the less saturated color, while #09ff87 is the most saturated one.

#7b8d84
```
#7b8d84 rgb(123,141,132)
```
#719784
```
#719784 rgb(113,151,132)
```
#68a085
```
#68a085 rgb(104,160,133)
```
#5eaa85
```
#5eaa85 rgb(94,170,133)
```
#55b385
```
#55b385 rgb(85,179,133)
```
#4bbd85
```
#4bbd85 rgb(75,189,133)
```
#42c686
```
#42c686 rgb(66,198,134)
```
#38d086
```
#38d086 rgb(56,208,134)
```
#2fd986
```
#2fd986 rgb(47,217,134)
```
#26e286
```
#26e286 rgb(38,226,134)
```
#1cec86
```
#1cec86 rgb(28,236,134)
```
#13f587
```
#13f587 rgb(19,245,135)
```
#09ff87
```
#09ff87 rgb(9,255,135)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#87a998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c282 Protanopia 1% of men
#e2ba97 Deuteranopia 1% of men
#67d0df Tritanopia 0.001% of the population

Trichromacy

#96ca83 Protanomaly 1% of men, 0.01% of women
#a1c591 Deuteranomaly 6% of men, 0.4% of women
#53d3bf Tritanomaly 0.01% of the population

#2fd986 hex color

#2fd986 Color Information

#2fd986 Color Conversion

Color Schemes with #2fd986

Alternatives to #2fd986

#2fd986 Preview

Shades and Tints of #2fd986

Tones of #2fd986

Color Blindness Simulator