#2a9e76 hex color

In a RGB color space, hex #2a9e76 is composed of 16.5% red, 62% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 25.3% yellow and 38% black. It has a hue angle of 159.3 degrees, a saturation of 58% and a lightness of 39.2%. #2a9e76 color hex could be obtained by blending #54ffec with #003d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 62
- B 46
RGB color chart
- C 73
- M 0
- Y 25
- K 38
CMYK color chart

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

The hexadecimal color #2a9e76 has RGB values of R:42, G:158, B:118 and CMYK values of C:0.73, M:0, Y:0.25, K:0.38. Its decimal value is 2793078.

Hex triplet	2a9e76	`#2a9e76`
RGB Decimal	42, 158, 118	`rgb(42,158,118)`
RGB Percent	16.5, 62, 46.3	`rgb(16.5%,62%,46.3%)`
CMYK	73, 0, 25, 38
HSL	159.3°, 58, 39.2	`hsl(159.3,58%,39.2%)`
HSV (or HSB)	159.3°, 73.4, 62
Web Safe	339966	`#339966`

CIE-LAB	58.276, -41.511, 11.89
XYZ	16.45, 26.252, 21.339
xyY	0.257, 0.41, 26.252
CIE-LCH	58.276, 43.18, 164.016
CIE-LUV	58.276, -44.767, 22.623
Hunter-Lab	51.237, -32.355, 11.173
Binary	00101010, 10011110, 01110110

#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#9e2a52
```
#9e2a52 rgb(158,42,82)
```

Complementary Color

#2a9e3c
```
#2a9e3c rgb(42,158,60)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#2a8c9e
```
#2a8c9e rgb(42,140,158)
```

Analogous Color

#9e3c2a
```
#9e3c2a rgb(158,60,42)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#9e2a8c
```
#9e2a8c rgb(158,42,140)
```

Split Complementary Color

#9e762a
```
#9e762a rgb(158,118,42)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#762a9e
```
#762a9e rgb(118,42,158)
```

Triadic Color

#529e2a
```
#529e2a rgb(82,158,42)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#762a9e
```
#762a9e rgb(118,42,158)
```
#9e2a52
```
#9e2a52 rgb(158,42,82)
```

Tetradic Color

#1a6249
```
#1a6249 rgb(26,98,73)
```
#1f7658
```
#1f7658 rgb(31,118,88)
```
#258a67
```
#258a67 rgb(37,138,103)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#2fb285
```
#2fb285 rgb(47,178,133)
```
#35c694
```
#35c694 rgb(53,198,148)
```
#47ce9f
```
#47ce9f rgb(71,206,159)
```

Monochromatic Color

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

#2a9e59
```
#2a9e59 rgb(42,158,89)
```
#2a9e63
```
#2a9e63 rgb(42,158,99)
```
#2a9e6c
```
#2a9e6c rgb(42,158,108)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#2a9e80
```
#2a9e80 rgb(42,158,128)
```
#2a9e89
```
#2a9e89 rgb(42,158,137)
```
#2a9e93
```
#2a9e93 rgb(42,158,147)
```

Similar Colors

Text with hexadecimal color #2a9e76

This text has a font color of #2a9e76.

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

#2a9e76 background color

This paragraph has a background color of #2a9e76.

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

#2a9e76 border color

This element has a border color of #2a9e76.

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

CSS codes

.text {color:#2a9e76;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05130e
```
#05130e rgb(5,19,14)
```
#092219
```
#092219 rgb(9,34,25)
```
#0d3225
```
#0d3225 rgb(13,50,37)
```
#114131
```
#114131 rgb(17,65,49)
```
#15513c
```
#15513c rgb(21,81,60)
```
#1a6048
```
#1a6048 rgb(26,96,72)
```
#1e7053
```
#1e7053 rgb(30,112,83)
```
#227f5f
```
#227f5f rgb(34,127,95)
```
#268f6a
```
#268f6a rgb(38,143,106)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#2ead82
```
#2ead82 rgb(46,173,130)
```
#32bd8d
```
#32bd8d rgb(50,189,141)
```

Shade Color Variation

#39ca98
```
#39ca98 rgb(57,202,152)
```
#48cea0
```
#48cea0 rgb(72,206,160)
```
#58d2a8
```
#58d2a8 rgb(88,210,168)
```
#67d7b0
```
#67d7b0 rgb(103,215,176)
```
#77dbb8
```
#77dbb8 rgb(119,219,184)
```
#86dfc0
```
#86dfc0 rgb(134,223,192)
```
#96e3c8
```
#96e3c8 rgb(150,227,200)
```
#a5e7d0
```
#a5e7d0 rgb(165,231,208)
```
#b5ebd8
```
#b5ebd8 rgb(181,235,216)
```
#c4efe0
```
#c4efe0 rgb(196,239,224)
```
#d4f3e8
```
#d4f3e8 rgb(212,243,232)
```
#e3f8f0
```
#e3f8f0 rgb(227,248,240)
```
#f3fcf9
```
#f3fcf9 rgb(243,252,249)
```

Tint Color Variation

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

#606865
```
#606865 rgb(96,104,101)
```
#587068
```
#587068 rgb(88,112,104)
```
#50786a
```
#50786a rgb(80,120,106)
```
#497f6c
```
#497f6c rgb(73,127,108)
```
#41876f
```
#41876f rgb(65,135,111)
```
#398f71
```
#398f71 rgb(57,143,113)
```
#329674
```
#329674 rgb(50,150,116)
```
#2a9e76
```
#2a9e76 rgb(42,158,118)
```
#22a678
```
#22a678 rgb(34,166,120)
```
#1bad7b
```
#1bad7b rgb(27,173,123)
```
#13b57d
```
#13b57d rgb(19,181,125)
```
#0bbd80
```
#0bbd80 rgb(11,189,128)
```
#04c482
```
#04c482 rgb(4,196,130)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#687f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9175 Protanopia 1% of men
#a48d84 Deuteranopia 1% of men
#4c9da8 Tritanopia 0.001% of the population

Trichromacy

#719675 Protanomaly 1% of men, 0.01% of women
#78937f Deuteranomaly 6% of men, 0.4% of women
#409d96 Tritanomaly 0.01% of the population

#2a9e76 hex color

#2a9e76 Color Information

#2a9e76 Color Conversion

Color Schemes with #2a9e76

Alternatives to #2a9e76

#2a9e76 Preview

Shades and Tints of #2a9e76

Tones of #2a9e76

Color Blindness Simulator