colorhexa.com

#2f8d61 hex color

In a RGB color space, hex #2f8d61 is composed of 18.4% red, 55.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 31.2% yellow and 44.7% black. It has a hue angle of 151.9 degrees, a saturation of 50% and a lightness of 36.9%. #2f8d61 color hex could be obtained by blending #5effc2 with #001b00. Closest websafe color is: #339966.

- R 18
- G 55
- B 38
RGB color chart
- C 67
- M 0
- Y 31
- K 45
CMYK color chart

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

The hexadecimal color #2f8d61 has RGB values of R:47, G:141, B:97 and CMYK values of C:0.67, M:0, Y:0.31, K:0.45. Its decimal value is 3116385.

Hex triplet	2f8d61	`#2f8d61`
RGB Decimal	47, 141, 97	`rgb(47,141,97)`
RGB Percent	18.4, 55.3, 38	`rgb(18.4%,55.3%,38%)`
CMYK	67, 0, 31, 45
HSL	151.9°, 50, 36.9	`hsl(151.9,50%,36.9%)`
HSV (or HSB)	151.9°, 66.7, 55.3
Web Safe	339966	`#339966`

CIE-LAB	52.416, -38.249, 15.611
XYZ	12.854, 20.516, 14.591
xyY	0.268, 0.428, 20.516
CIE-LCH	52.416, 41.312, 157.797
CIE-LUV	52.416, -38.656, 26.177
Hunter-Lab	45.295, -28.61, 12.607
Binary	00101111, 10001101, 01100001

#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#8d2f5b
```
#8d2f5b rgb(141,47,91)
```

Complementary Color

#2f8d32
```
#2f8d32 rgb(47,141,50)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#2f8a8d
```
#2f8a8d rgb(47,138,141)
```

Analogous Color

#8d322f
```
#8d322f rgb(141,50,47)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#8d2f8a
```
#8d2f8a rgb(141,47,138)
```

Split Complementary Color

#8d612f
```
#8d612f rgb(141,97,47)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#612f8d
```
#612f8d rgb(97,47,141)
```

Triadic Color

#1c543a
```
#1c543a rgb(28,84,58)
```
#226747
```
#226747 rgb(34,103,71)
```
#297a54
```
#297a54 rgb(41,122,84)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#35a06e
```
#35a06e rgb(53,160,110)
```
#3cb37b
```
#3cb37b rgb(60,179,123)
```
#47c288
```
#47c288 rgb(71,194,136)
```

Monochromatic Color

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

#2f8d4a
```
#2f8d4a rgb(47,141,74)
```
#2f8d51
```
#2f8d51 rgb(47,141,81)
```
#2f8d59
```
#2f8d59 rgb(47,141,89)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#2f8d69
```
#2f8d69 rgb(47,141,105)
```
#2f8d71
```
#2f8d71 rgb(47,141,113)
```
#2f8d79
```
#2f8d79 rgb(47,141,121)
```

Similar Colors

Text with hexadecimal color #2f8d61

This text has a font color of #2f8d61.

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

#2f8d61 background color

This paragraph has a background color of #2f8d61.

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

#2f8d61 border color

This element has a border color of #2f8d61.

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

CSS codes

.text {color:#2f8d61;}

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

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

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

#030906
```
#030906 rgb(3,9,6)
```
#081710
```
#081710 rgb(8,23,16)
```
#0d261a
```
#0d261a rgb(13,38,26)
```
#123524
```
#123524 rgb(18,53,36)
```
#16432e
```
#16432e rgb(22,67,46)
```
#1b5239
```
#1b5239 rgb(27,82,57)
```
#206143
```
#206143 rgb(32,97,67)
```
#25704d
```
#25704d rgb(37,112,77)
```
#2a7e57
```
#2a7e57 rgb(42,126,87)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#349c6b
```
#349c6b rgb(52,156,107)
```
#39aa75
```
#39aa75 rgb(57,170,117)
```
#3eb97f
```
#3eb97f rgb(62,185,127)
```

Shade Color Variation

#48c289
```
#48c289 rgb(72,194,137)
```
#57c793
```
#57c793 rgb(87,199,147)
```
#66cc9c
```
#66cc9c rgb(102,204,156)
```
#74d1a6
```
#74d1a6 rgb(116,209,166)
```
#83d6af
```
#83d6af rgb(131,214,175)
```
#92dbb9
```
#92dbb9 rgb(146,219,185)
```
#a1e0c2
```
#a1e0c2 rgb(161,224,194)
```
#afe4cc
```
#afe4cc rgb(175,228,204)
```
#bee9d5
```
#bee9d5 rgb(190,233,213)
```
#cdeedf
```
#cdeedf rgb(205,238,223)
```
#dbf3e8
```
#dbf3e8 rgb(219,243,232)
```
#eaf8f2
```
#eaf8f2 rgb(234,248,242)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#5a625e
```
#5a625e rgb(90,98,94)
```
#53695f
```
#53695f rgb(83,105,95)
```
#4c705f
```
#4c705f rgb(76,112,95)
```
#457760
```
#457760 rgb(69,119,96)
```
#3d7f60
```
#3d7f60 rgb(61,127,96)
```
#368661
```
#368661 rgb(54,134,97)
```
#2f8d61
```
#2f8d61 rgb(47,141,97)
```
#289461
```
#289461 rgb(40,148,97)
```
#219b62
```
#219b62 rgb(33,155,98)
```
#19a362
```
#19a362 rgb(25,163,98)
```
#12aa63
```
#12aa63 rgb(18,170,99)
```
#0bb163
```
#0bb163 rgb(11,177,99)
```
#04b864
```
#04b864 rgb(4,184,100)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#60736a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8362 Protanopia 1% of men
#977f70 Deuteranopia 1% of men
#4d8c97 Tritanopia 0.001% of the population

Trichromacy

#6a8762 Protanomaly 1% of men, 0.01% of women
#71846a Deuteranomaly 6% of men, 0.4% of women
#428c83 Tritanomaly 0.01% of the population