colorhexa.com

#2f764a hex color

In a RGB color space, hex #2f764a is composed of 18.4% red, 46.3% green and 29% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 37.3% yellow and 53.7% black. It has a hue angle of 142.8 degrees, a saturation of 43% and a lightness of 32.4%. #2f764a color hex could be obtained by blending #5eec94 with #000000. Closest websafe color is: #336633.

- R 18
- G 46
- B 29
RGB color chart
- C 60
- M 0
- Y 37
- K 54
CMYK color chart

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

The hexadecimal color #2f764a has RGB values of R:47, G:118, B:74 and CMYK values of C:0.6, M:0, Y:0.37, K:0.54. Its decimal value is 3110474.

Hex triplet	2f764a	`#2f764a`
RGB Decimal	47, 118, 74	`rgb(47,118,74)`
RGB Percent	18.4, 46.3, 29	`rgb(18.4%,46.3%,29%)`
CMYK	60, 0, 37, 54
HSL	142.8°, 43, 32.4	`hsl(142.8,43%,32.4%)`
HSV (or HSB)	142.8°, 60.2, 46.3
Web Safe	336633	`#336633`

CIE-LAB	44.312, -33.032, 17.768
XYZ	8.886, 14.055, 8.723
xyY	0.281, 0.444, 14.055
CIE-LCH	44.312, 37.507, 151.724
CIE-LUV	44.312, -30.69, 26.569
Hunter-Lab	37.49, -23.298, 12.448
Binary	00101111, 01110110, 01001010

#2f764a
```
#2f764a rgb(47,118,74)
```
#762f5b
```
#762f5b rgb(118,47,91)
```

Complementary Color

#38762f
```
#38762f rgb(56,118,47)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#2f766e
```
#2f766e rgb(47,118,110)
```

Analogous Color

#762f38
```
#762f38 rgb(118,47,56)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#6e2f76
```
#6e2f76 rgb(110,47,118)
```

Split Complementary Color

#764a2f
```
#764a2f rgb(118,74,47)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#4a2f76
```
#4a2f76 rgb(74,47,118)
```

Triadic Color

#193f28
```
#193f28 rgb(25,63,40)
```
#205233
```
#205233 rgb(32,82,51)
```
#28643f
```
#28643f rgb(40,100,63)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#368855
```
#368855 rgb(54,136,85)
```
#3e9a61
```
#3e9a61 rgb(62,154,97)
```
#45ad6c
```
#45ad6c rgb(69,173,108)
```

Monochromatic Color

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

#2f7638
```
#2f7638 rgb(47,118,56)
```
#2f763e
```
#2f763e rgb(47,118,62)
```
#2f7644
```
#2f7644 rgb(47,118,68)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#2f7650
```
#2f7650 rgb(47,118,80)
```
#2f7656
```
#2f7656 rgb(47,118,86)
```
#2f765c
```
#2f765c rgb(47,118,92)
```

Similar Colors

Text with hexadecimal color #2f764a

This text has a font color of #2f764a.

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

#2f764a background color

This paragraph has a background color of #2f764a.

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

#2f764a border color

This element has a border color of #2f764a.

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

CSS codes

.text {color:#2f764a;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#08140c
```
#08140c rgb(8,20,12)
```
#0d2215
```
#0d2215 rgb(13,34,21)
```
#13301e
```
#13301e rgb(19,48,30)
```
#193e27
```
#193e27 rgb(25,62,39)
```
#1e4c30
```
#1e4c30 rgb(30,76,48)
```
#245a38
```
#245a38 rgb(36,90,56)
```
#296841
```
#296841 rgb(41,104,65)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#358453
```
#358453 rgb(53,132,83)
```
#3a925c
```
#3a925c rgb(58,146,92)
```
#40a064
```
#40a064 rgb(64,160,100)
```
#45ae6d
```
#45ae6d rgb(69,174,109)
```

Shade Color Variation

#4eb977
```
#4eb977 rgb(78,185,119)
```
#5cbe82
```
#5cbe82 rgb(92,190,130)
```
#6ac48c
```
#6ac48c rgb(106,196,140)
```
#78c997
```
#78c997 rgb(120,201,151)
```
#87cfa2
```
#87cfa2 rgb(135,207,162)
```
#95d5ad
```
#95d5ad rgb(149,213,173)
```
#a3dab8
```
#a3dab8 rgb(163,218,184)
```
#b1e0c3
```
#b1e0c3 rgb(177,224,195)
```
#bfe5cd
```
#bfe5cd rgb(191,229,205)
```
#cdebd8
```
#cdebd8 rgb(205,235,216)
```
#dbf1e3
```
#dbf1e3 rgb(219,241,227)
```
#e9f6ee
```
#e9f6ee rgb(233,246,238)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

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

#4f5652
```
#4f5652 rgb(79,86,82)
```
#485d50
```
#485d50 rgb(72,93,80)
```
#42634f
```
#42634f rgb(66,99,79)
```
#3c694d
```
#3c694d rgb(60,105,77)
```
#35704c
```
#35704c rgb(53,112,76)
```
#2f764a
```
#2f764a rgb(47,118,74)
```
#297c48
```
#297c48 rgb(41,124,72)
```
#228347
```
#228347 rgb(34,131,71)
```
#1c8945
```
#1c8945 rgb(28,137,69)
```
#168f44
```
#168f44 rgb(22,143,68)
```
#0f9642
```
#0f9642 rgb(15,150,66)
```
#099c41
```
#099c41 rgb(9,156,65)
```
#03a23f
```
#03a23f rgb(3,162,63)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#536158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79704e Protanopia 1% of men
#836c59 Deuteranopia 1% of men
#497780 Tritanopia 0.001% of the population

Trichromacy

#5e724c Protanomaly 1% of men, 0.01% of women
#646f53 Deuteranomaly 6% of men, 0.4% of women
#3f766c Tritanomaly 0.01% of the population