#2fb987 hex color

In a RGB color space, hex #2fb987 is composed of 18.4% red, 72.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 27% yellow and 27.5% black. It has a hue angle of 158.3 degrees, a saturation of 59.5% and a lightness of 45.5%. #2fb987 color hex could be obtained by blending #5effff with #00730f. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #2fb987 has RGB values of R:47, G:185, B:135 and CMYK values of C:0.75, M:0, Y:0.27, K:0.27. Its decimal value is 3127687.

Hex triplet	2fb987	`#2fb987`
RGB Decimal	47, 185, 135	`rgb(47,185,135)`
RGB Percent	18.4, 72.5, 52.9	`rgb(18.4%,72.5%,52.9%)`
CMYK	75, 0, 27, 27
HSL	158.3°, 59.5, 45.5	`hsl(158.3,59.5%,45.5%)`
HSV (or HSB)	158.3°, 74.6, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.314, -48.02, 15.165
XYZ	22.893, 37.049, 28.865
xyY	0.258, 0.417, 37.049
CIE-LCH	67.314, 50.358, 162.473
CIE-LUV	67.314, -52.669, 28.8
Hunter-Lab	60.868, -39.385, 14.491
Binary	00101111, 10111001, 10000111

#2fb987
```
#2fb987 rgb(47,185,135)
```
#b92f61
```
#b92f61 rgb(185,47,97)
```

Complementary Color

#2fb942
```
#2fb942 rgb(47,185,66)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#2fa6b9
```
#2fa6b9 rgb(47,166,185)
```

Analogous Color

#b9422f
```
#b9422f rgb(185,66,47)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#b92fa6
```
#b92fa6 rgb(185,47,166)
```

Split Complementary Color

#b9872f
```
#b9872f rgb(185,135,47)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#872fb9
```
#872fb9 rgb(135,47,185)
```

Triadic Color

#61b92f
```
#61b92f rgb(97,185,47)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#872fb9
```
#872fb9 rgb(135,47,185)
```
#b92f61
```
#b92f61 rgb(185,47,97)
```

Tetradic Color

#207c5a
```
#207c5a rgb(32,124,90)
```
#259069
```
#259069 rgb(37,144,105)
```
#2aa578
```
#2aa578 rgb(42,165,120)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#36cc95
```
#36cc95 rgb(54,204,149)
```
#4ad1a0
```
#4ad1a0 rgb(74,209,160)
```
#5ed6ab
```
#5ed6ab rgb(94,214,171)
```

Monochromatic Color

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

#2fb965
```
#2fb965 rgb(47,185,101)
```
#2fb970
```
#2fb970 rgb(47,185,112)
```
#2fb97c
```
#2fb97c rgb(47,185,124)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#2fb993
```
#2fb993 rgb(47,185,147)
```
#2fb99e
```
#2fb99e rgb(47,185,158)
```
#2fb9aa
```
#2fb9aa rgb(47,185,170)
```

Similar Colors

Text with hexadecimal color #2fb987

This text has a font color of #2fb987.

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

#2fb987 background color

This paragraph has a background color of #2fb987.

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

#2fb987 border color

This element has a border color of #2fb987.

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

CSS codes

.text {color:#2fb987;}

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

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

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

#030d09
```
#030d09 rgb(3,13,9)
```
#071d15
```
#071d15 rgb(7,29,21)
```
#0b2c20
```
#0b2c20 rgb(11,44,32)
```
#0f3c2c
```
#0f3c2c rgb(15,60,44)
```
#134c37
```
#134c37 rgb(19,76,55)
```
#175b43
```
#175b43 rgb(23,91,67)
```
#1b6b4e
```
#1b6b4e rgb(27,107,78)
```
#1f7a59
```
#1f7a59 rgb(31,122,89)
```
#238a65
```
#238a65 rgb(35,138,101)
```
#279a70
```
#279a70 rgb(39,154,112)
```
#2ba97c
```
#2ba97c rgb(43,169,124)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#33c992
```
#33c992 rgb(51,201,146)
```

Shade Color Variation

#41cf9b
```
#41cf9b rgb(65,207,155)
```
#50d3a3
```
#50d3a3 rgb(80,211,163)
```
#60d7ac
```
#60d7ac rgb(96,215,172)
```
#70dbb4
```
#70dbb4 rgb(112,219,180)
```
#7fdfbc
```
#7fdfbc rgb(127,223,188)
```
#8fe2c4
```
#8fe2c4 rgb(143,226,196)
```
#9ee6cc
```
#9ee6cc rgb(158,230,204)
```
#aeead5
```
#aeead5 rgb(174,234,213)
```
#beeedd
```
#beeedd rgb(190,238,221)
```
#cdf2e5
```
#cdf2e5 rgb(205,242,229)
```
#ddf6ed
```
#ddf6ed rgb(221,246,237)
```
#edfaf5
```
#edfaf5 rgb(237,250,245)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6d7b76
```
#6d7b76 rgb(109,123,118)
```
#658378
```
#658378 rgb(101,131,120)
```
#5c8c7b
```
#5c8c7b rgb(92,140,123)
```
#53957d
```
#53957d rgb(83,149,125)
```
#4a9e80
```
#4a9e80 rgb(74,158,128)
```
#41a782
```
#41a782 rgb(65,167,130)
```
#38b085
```
#38b085 rgb(56,176,133)
```
#2fb987
```
#2fb987 rgb(47,185,135)
```
#26c289
```
#26c289 rgb(38,194,137)
```
#1dcb8c
```
#1dcb8c rgb(29,203,140)
```
#14d48e
```
#14d48e rgb(20,212,142)
```
#0bdd91
```
#0bdd91 rgb(11,221,145)
```
#02e693
```
#02e693 rgb(2,230,147)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a884 Protanopia 1% of men
#bfa296 Deuteranopia 1% of men
#58b5c2 Tritanopia 0.001% of the population

Trichromacy

#83ae85 Protanomaly 1% of men, 0.01% of women
#8aaa90 Deuteranomaly 6% of men, 0.4% of women
#49b6ad Tritanomaly 0.01% of the population

#2fb987 hex color

#2fb987 Color Information

#2fb987 Color Conversion

Color Schemes with #2fb987

Alternatives to #2fb987

#2fb987 Preview

Shades and Tints of #2fb987

Tones of #2fb987

Color Blindness Simulator