#2fb887 hex color

In a RGB color space, hex #2fb887 is composed of 18.4% red, 72.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 0% magenta, 26.6% yellow and 27.8% black. It has a hue angle of 158.5 degrees, a saturation of 59.3% and a lightness of 45.3%. #2fb887 color hex could be obtained by blending #5effff with #00710f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 72
- B 53
RGB color chart
- C 74
- M 0
- Y 27
- K 28
CMYK color chart

● #2fb887 color description : Moderate cyan - lime green.

The hexadecimal color #2fb887 has RGB values of R:47, G:184, B:135 and CMYK values of C:0.74, M:0, Y:0.27, K:0.28. Its decimal value is 3127431.

Hex triplet	2fb887	`#2fb887`
RGB Decimal	47, 184, 135	`rgb(47,184,135)`
RGB Percent	18.4, 72.2, 52.9	`rgb(18.4%,72.2%,52.9%)`
CMYK	74, 0, 27, 28
HSL	158.5°, 59.3, 45.3	`hsl(158.5,59.3%,45.3%)`
HSV (or HSB)	158.5°, 74.5, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67, -47.615, 14.728
XYZ	22.684, 36.632, 28.796
xyY	0.257, 0.416, 36.632
CIE-LCH	67, 49.841, 162.813
CIE-LUV	67, -52.312, 28.126
Hunter-Lab	60.525, -39.018, 14.159
Binary	00101111, 10111000, 10000111

#2fb887
```
#2fb887 rgb(47,184,135)
```
#b82f60
```
#b82f60 rgb(184,47,96)
```

Complementary Color

#2fb843
```
#2fb843 rgb(47,184,67)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#2fa5b8
```
#2fa5b8 rgb(47,165,184)
```

Analogous Color

#b8432f
```
#b8432f rgb(184,67,47)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#b82fa5
```
#b82fa5 rgb(184,47,165)
```

Split Complementary Color

#b8872f
```
#b8872f rgb(184,135,47)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#872fb8
```
#872fb8 rgb(135,47,184)
```

Triadic Color

#60b82f
```
#60b82f rgb(96,184,47)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#872fb8
```
#872fb8 rgb(135,47,184)
```
#b82f60
```
#b82f60 rgb(184,47,96)
```

Tetradic Color

#1f7b5a
```
#1f7b5a rgb(31,123,90)
```
#258f69
```
#258f69 rgb(37,143,105)
```
#2aa478
```
#2aa478 rgb(42,164,120)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#35cb96
```
#35cb96 rgb(53,203,150)
```
#49d1a0
```
#49d1a0 rgb(73,209,160)
```
#5ed6ab
```
#5ed6ab rgb(94,214,171)
```

Monochromatic Color

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

#2fb865
```
#2fb865 rgb(47,184,101)
```
#2fb870
```
#2fb870 rgb(47,184,112)
```
#2fb87c
```
#2fb87c rgb(47,184,124)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#2fb892
```
#2fb892 rgb(47,184,146)
```
#2fb89e
```
#2fb89e rgb(47,184,158)
```
#2fb8a9
```
#2fb8a9 rgb(47,184,169)
```

Similar Colors

Text with hexadecimal color #2fb887

This text has a font color of #2fb887.

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

#2fb887 background color

This paragraph has a background color of #2fb887.

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

#2fb887 border color

This element has a border color of #2fb887.

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

CSS codes

.text {color:#2fb887;}

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

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

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, #030c09 is the darkest color, while #fcfefd is the lightest one.

#030c09
```
#030c09 rgb(3,12,9)
```
#071c14
```
#071c14 rgb(7,28,20)
```
#0b2b20
```
#0b2b20 rgb(11,43,32)
```
#0f3b2b
```
#0f3b2b rgb(15,59,43)
```
#134b37
```
#134b37 rgb(19,75,55)
```
#175a42
```
#175a42 rgb(23,90,66)
```
#1b6a4e
```
#1b6a4e rgb(27,106,78)
```
#1f7a59
```
#1f7a59 rgb(31,122,89)
```
#238965
```
#238965 rgb(35,137,101)
```
#279970
```
#279970 rgb(39,153,112)
```
#2ba87c
```
#2ba87c rgb(43,168,124)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#33c892
```
#33c892 rgb(51,200,146)
```

Shade Color Variation

#40ce9b
```
#40ce9b rgb(64,206,155)
```
#50d2a4
```
#50d2a4 rgb(80,210,164)
```
#5fd6ac
```
#5fd6ac rgb(95,214,172)
```
#6fdab4
```
#6fdab4 rgb(111,218,180)
```
#7fdebc
```
#7fdebc rgb(127,222,188)
```
#8ee2c4
```
#8ee2c4 rgb(142,226,196)
```
#9ee6cc
```
#9ee6cc rgb(158,230,204)
```
#adead4
```
#adead4 rgb(173,234,212)
```
#bdeedd
```
#bdeedd rgb(189,238,221)
```
#cdf2e5
```
#cdf2e5 rgb(205,242,229)
```
#dcf6ed
```
#dcf6ed rgb(220,246,237)
```
#ecfaf5
```
#ecfaf5 rgb(236,250,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#6d7a75
```
#6d7a75 rgb(109,122,117)
```
#648378
```
#648378 rgb(100,131,120)
```
#5b8c7a
```
#5b8c7a rgb(91,140,122)
```
#53947d
```
#53947d rgb(83,148,125)
```
#4a9d7f
```
#4a9d7f rgb(74,157,127)
```
#41a682
```
#41a682 rgb(65,166,130)
```
#38af84
```
#38af84 rgb(56,175,132)
```
#2fb887
```
#2fb887 rgb(47,184,135)
```
#26c18a
```
#26c18a rgb(38,193,138)
```
#1dca8c
```
#1dca8c rgb(29,202,140)
```
#14d38f
```
#14d38f rgb(20,211,143)
```
#0bdc91
```
#0bdc91 rgb(11,220,145)
```
#03e494
```
#03e494 rgb(3,228,148)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#779289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a784 Protanopia 1% of men
#bda296 Deuteranopia 1% of men
#57b4c1 Tritanopia 0.001% of the population

Trichromacy

#82ad85 Protanomaly 1% of men, 0.01% of women
#89aa90 Deuteranomaly 6% of men, 0.4% of women
#48b5ac Tritanomaly 0.01% of the population

#2fb887 hex color

#2fb887 Color Information

#2fb887 Color Conversion

Color Schemes with #2fb887

Alternatives to #2fb887

#2fb887 Preview

Shades and Tints of #2fb887

Tones of #2fb887

Color Blindness Simulator