colorhexa.com

#2acc77 hex color

In a RGB color space, hex #2acc77 is composed of 16.5% red, 80% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 0% magenta, 41.7% yellow and 20% black. It has a hue angle of 148.5 degrees, a saturation of 65.9% and a lightness of 48.2%. #2acc77 color hex could be obtained by blending #54ffee with #009900. Closest websafe color is: #33cc66.

- R 16
- G 80
- B 47
RGB color chart
- C 79
- M 0
- Y 42
- K 20
CMYK color chart

● #2acc77 color description : Strong cyan - lime green.

The hexadecimal color #2acc77 has RGB values of R:42, G:204, B:119 and CMYK values of C:0.79, M:0, Y:0.42, K:0.2. Its decimal value is 2804855.

Hex triplet	2acc77	`#2acc77`
RGB Decimal	42, 204, 119	`rgb(42,204,119)`
RGB Percent	16.5, 80, 46.7	`rgb(16.5%,80%,46.7%)`
CMYK	79, 0, 42, 20
HSL	148.5°, 65.9, 48.2	`hsl(148.5,65.9%,48.2%)`
HSV (or HSB)	148.5°, 79.4, 80
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.897, -59.119, 31.17
XYZ	25.876, 45.007, 24.775
xyY	0.271, 0.471, 45.007
CIE-LCH	72.897, 66.833, 152.2
CIE-LUV	72.897, -60.974, 51.287
Hunter-Lab	67.087, -48.556, 25.065
Binary	00101010, 11001100, 01110111

#2acc77
```
#2acc77 rgb(42,204,119)
```
#cc2a7f
```
#cc2a7f rgb(204,42,127)
```

Complementary Color

#2ecc2a
```
#2ecc2a rgb(46,204,42)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#2accc8
```
#2accc8 rgb(42,204,200)
```

Analogous Color

#cc2a2e
```
#cc2a2e rgb(204,42,46)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#c82acc
```
#c82acc rgb(200,42,204)
```

Split Complementary Color

#cc772a
```
#cc772a rgb(204,119,42)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#772acc
```
#772acc rgb(119,42,204)
```

Triadic Color

#7fcc2a
```
#7fcc2a rgb(127,204,42)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#772acc
```
#772acc rgb(119,42,204)
```
#cc2a7f
```
#cc2a7f rgb(204,42,127)
```

Tetradic Color

#1d8d52
```
#1d8d52 rgb(29,141,82)
```
#21a25e
```
#21a25e rgb(33,162,94)
```
#26b76b
```
#26b76b rgb(38,183,107)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#39d684
```
#39d684 rgb(57,214,132)
```
#4edb91
```
#4edb91 rgb(78,219,145)
```
#64df9e
```
#64df9e rgb(100,223,158)
```

Monochromatic Color

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

#2acc4f
```
#2acc4f rgb(42,204,79)
```
#2acc5c
```
#2acc5c rgb(42,204,92)
```
#2acc6a
```
#2acc6a rgb(42,204,106)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#2acc85
```
#2acc85 rgb(42,204,133)
```
#2acc92
```
#2acc92 rgb(42,204,146)
```
#2acca0
```
#2acca0 rgb(42,204,160)
```

Similar Colors

Text with hexadecimal color #2acc77

This text has a font color of #2acc77.

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

#2acc77 background color

This paragraph has a background color of #2acc77.

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

#2acc77 border color

This element has a border color of #2acc77.

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

CSS codes

.text {color:#2acc77;}

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

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

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

#020905
```
#020905 rgb(2,9,5)
```
#05190f
```
#05190f rgb(5,25,15)
```
#092918
```
#092918 rgb(9,41,24)
```
#0c3a22
```
#0c3a22 rgb(12,58,34)
```
#0f4a2b
```
#0f4a2b rgb(15,74,43)
```
#135a35
```
#135a35 rgb(19,90,53)
```
#166a3e
```
#166a3e rgb(22,106,62)
```
#197b48
```
#197b48 rgb(25,123,72)
```
#1d8b51
```
#1d8b51 rgb(29,139,81)
```
#209b5b
```
#209b5b rgb(32,155,91)
```
#23ab64
```
#23ab64 rgb(35,171,100)
```
#27bc6e
```
#27bc6e rgb(39,188,110)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```

Shade Color Variation

#34d581
```
#34d581 rgb(52,213,129)
```
#45d98b
```
#45d98b rgb(69,217,139)
```
#55dc95
```
#55dc95 rgb(85,220,149)
```
#65df9f
```
#65df9f rgb(101,223,159)
```
#75e3a9
```
#75e3a9 rgb(117,227,169)
```
#86e6b3
```
#86e6b3 rgb(134,230,179)
```
#96e9be
```
#96e9be rgb(150,233,190)
```
#a6edc8
```
#a6edc8 rgb(166,237,200)
```
#b6f0d2
```
#b6f0d2 rgb(182,240,210)
```
#c7f3dc
```
#c7f3dc rgb(199,243,220)
```
#d7f7e6
```
#d7f7e6 rgb(215,247,230)
```
#e7faf0
```
#e7faf0 rgb(231,250,240)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

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

#76807b
```
#76807b rgb(118,128,123)
```
#6c8a7a
```
#6c8a7a rgb(108,138,122)
```
#63937a
```
#63937a rgb(99,147,122)
```
#599d79
```
#599d79 rgb(89,157,121)
```
#50a679
```
#50a679 rgb(80,166,121)
```
#46b078
```
#46b078 rgb(70,176,120)
```
#3db978
```
#3db978 rgb(61,185,120)
```
#33c377
```
#33c377 rgb(51,195,119)
```
#2acc77
```
#2acc77 rgb(42,204,119)
```
#21d577
```
#21d577 rgb(33,213,119)
```
#17df76
```
#17df76 rgb(23,223,118)
```
#0ee876
```
#0ee876 rgb(14,232,118)
```
#04f275
```
#04f275 rgb(4,242,117)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7d9e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b675 Protanopia 1% of men
#d6af88 Deuteranopia 1% of men
#62c4d2 Tritanopia 0.001% of the population

Trichromacy

#8dbe75 Protanomaly 1% of men, 0.01% of women
#98ba82 Deuteranomaly 6% of men, 0.4% of women
#4dc7b1 Tritanomaly 0.01% of the population