#2fb186 hex color

In a RGB color space, hex #2fb186 is composed of 18.4% red, 69.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 24.3% yellow and 30.6% black. It has a hue angle of 160.2 degrees, a saturation of 58% and a lightness of 43.9%. #2fb186 color hex could be obtained by blending #5effff with #00630d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 69
- B 53
RGB color chart
- C 73
- M 0
- Y 24
- K 31
CMYK color chart

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

The hexadecimal color #2fb186 has RGB values of R:47, G:177, B:134 and CMYK values of C:0.73, M:0, Y:0.24, K:0.31. Its decimal value is 3125638.

Hex triplet	2fb186	`#2fb186`
RGB Decimal	47, 177, 134	`rgb(47,177,134)`
RGB Percent	18.4, 69.4, 52.5	`rgb(18.4%,69.4%,52.5%)`
CMYK	73, 0, 24, 31
HSL	160.2°, 58, 43.9	`hsl(160.2,58%,43.9%)`
HSV (or HSB)	160.2°, 73.4, 69.4
Web Safe	339999	`#339999`

CIE-LAB	64.778, -44.973, 12.159
XYZ	21.196, 33.768, 27.954
xyY	0.256, 0.407, 33.768
CIE-LCH	64.778, 46.587, 164.871
CIE-LUV	64.778, -49.86, 24.08
Hunter-Lab	58.11, -36.584, 12.156
Binary	00101111, 10110001, 10000110

#2fb186
```
#2fb186 rgb(47,177,134)
```
#b12f5a
```
#b12f5a rgb(177,47,90)
```

Complementary Color

#2fb145
```
#2fb145 rgb(47,177,69)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#2f9bb1
```
#2f9bb1 rgb(47,155,177)
```

Analogous Color

#b1452f
```
#b1452f rgb(177,69,47)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#b12f9b
```
#b12f9b rgb(177,47,155)
```

Split Complementary Color

#b1862f
```
#b1862f rgb(177,134,47)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#862fb1
```
#862fb1 rgb(134,47,177)
```

Triadic Color

#5ab12f
```
#5ab12f rgb(90,177,47)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#862fb1
```
#862fb1 rgb(134,47,177)
```
#b12f5a
```
#b12f5a rgb(177,47,90)
```

Tetradic Color

#1f7558
```
#1f7558 rgb(31,117,88)
```
#248967
```
#248967 rgb(36,137,103)
```
#2a9d77
```
#2a9d77 rgb(42,157,119)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#34c595
```
#34c595 rgb(52,197,149)
```
#45cea1
```
#45cea1 rgb(69,206,161)
```
#59d3ab
```
#59d3ab rgb(89,211,171)
```

Monochromatic Color

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

#2fb166
```
#2fb166 rgb(47,177,102)
```
#2fb170
```
#2fb170 rgb(47,177,112)
```
#2fb17b
```
#2fb17b rgb(47,177,123)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#2fb191
```
#2fb191 rgb(47,177,145)
```
#2fb19c
```
#2fb19c rgb(47,177,156)
```
#2fb1a7
```
#2fb1a7 rgb(47,177,167)
```

Similar Colors

Text with hexadecimal color #2fb186

This text has a font color of #2fb186.

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

#2fb186 background color

This paragraph has a background color of #2fb186.

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

#2fb186 border color

This element has a border color of #2fb186.

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

CSS codes

.text {color:#2fb186;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#061611
```
#061611 rgb(6,22,17)
```
#0a261c
```
#0a261c rgb(10,38,28)
```
#0e3528
```
#0e3528 rgb(14,53,40)
```
#124534
```
#124534 rgb(18,69,52)
```
#165440
```
#165440 rgb(22,84,64)
```
#1a644b
```
#1a644b rgb(26,100,75)
```
#1f7357
```
#1f7357 rgb(31,115,87)
```
#238363
```
#238363 rgb(35,131,99)
```
#27926f
```
#27926f rgb(39,146,111)
```
#2ba27a
```
#2ba27a rgb(43,162,122)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#33c092
```
#33c092 rgb(51,192,146)
```

Shade Color Variation

#3ccb9c
```
#3ccb9c rgb(60,203,156)
```
#4ccfa4
```
#4ccfa4 rgb(76,207,164)
```
#5bd3ac
```
#5bd3ac rgb(91,211,172)
```
#6bd8b3
```
#6bd8b3 rgb(107,216,179)
```
#7adcbb
```
#7adcbb rgb(122,220,187)
```
#8ae0c3
```
#8ae0c3 rgb(138,224,195)
```
#99e4cb
```
#99e4cb rgb(153,228,203)
```
#a9e8d3
```
#a9e8d3 rgb(169,232,211)
```
#b8ecdb
```
#b8ecdb rgb(184,236,219)
```
#c8f0e3
```
#c8f0e3 rgb(200,240,227)
```
#d7f4eb
```
#d7f4eb rgb(215,244,235)
```
#e7f8f3
```
#e7f8f3 rgb(231,248,243)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

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

#6b7572
```
#6b7572 rgb(107,117,114)
```
#637d75
```
#637d75 rgb(99,125,117)
```
#5a8677
```
#5a8677 rgb(90,134,119)
```
#518f7a
```
#518f7a rgb(81,143,122)
```
#49977d
```
#49977d rgb(73,151,125)
```
#40a080
```
#40a080 rgb(64,160,128)
```
#38a883
```
#38a883 rgb(56,168,131)
```
#2fb186
```
#2fb186 rgb(47,177,134)
```
#26ba89
```
#26ba89 rgb(38,186,137)
```
#1ec28c
```
#1ec28c rgb(30,194,140)
```
#15cb8f
```
#15cb8f rgb(21,203,143)
```
#0dd392
```
#0dd392 rgb(13,211,146)
```
#04dc95
```
#04dc95 rgb(4,220,149)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba183 Protanopia 1% of men
#b69c94 Deuteranopia 1% of men
#54aebb Tritanopia 0.001% of the population

Trichromacy

#7ea784 Protanomaly 1% of men, 0.01% of women
#85a48f Deuteranomaly 6% of men, 0.4% of women
#46afa7 Tritanomaly 0.01% of the population

#2fb186 hex color

#2fb186 Color Information

#2fb186 Color Conversion

Color Schemes with #2fb186

Alternatives to #2fb186

#2fb186 Preview

Shades and Tints of #2fb186

Tones of #2fb186

Color Blindness Simulator