#2aa380 hex color

In a RGB color space, hex #2aa380 is composed of 16.5% red, 63.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 21.5% yellow and 36.1% black. It has a hue angle of 162.6 degrees, a saturation of 59% and a lightness of 40.2%. #2aa380 color hex could be obtained by blending #54ffff with #004701. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 64
- B 50
RGB color chart
- C 74
- M 0
- Y 21
- K 36
CMYK color chart

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

The hexadecimal color #2aa380 has RGB values of R:42, G:163, B:128 and CMYK values of C:0.74, M:0, Y:0.21, K:0.36. Its decimal value is 2794368.

Hex triplet	2aa380	`#2aa380`
RGB Decimal	42, 163, 128	`rgb(42,163,128)`
RGB Percent	16.5, 63.9, 50.2	`rgb(16.5%,63.9%,50.2%)`
CMYK	74, 0, 21, 36
HSL	162.6°, 59, 40.2	`hsl(162.6,59%,40.2%)`
HSV (or HSB)	162.6°, 74.2, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.108, -41.203, 8.873
XYZ	17.947, 28.243, 24.927
xyY	0.252, 0.397, 28.243
CIE-LCH	60.108, 42.147, 167.848
CIE-LUV	60.108, -45.961, 18.692
Hunter-Lab	53.145, -32.724, 9.392
Binary	00101010, 10100011, 10000000

#2aa380
```
#2aa380 rgb(42,163,128)
```
#a32a4d
```
#a32a4d rgb(163,42,77)
```

Complementary Color

#2aa344
```
#2aa344 rgb(42,163,68)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#2a8aa3
```
#2a8aa3 rgb(42,138,163)
```

Analogous Color

#a3442a
```
#a3442a rgb(163,68,42)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#a32a8a
```
#a32a8a rgb(163,42,138)
```

Split Complementary Color

#a3802a
```
#a3802a rgb(163,128,42)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#802aa3
```
#802aa3 rgb(128,42,163)
```

Triadic Color

#4da32a
```
#4da32a rgb(77,163,42)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#802aa3
```
#802aa3 rgb(128,42,163)
```
#a32a4d
```
#a32a4d rgb(163,42,77)
```

Tetradic Color

#1a6650
```
#1a6650 rgb(26,102,80)
```
#207a60
```
#207a60 rgb(32,122,96)
```
#258f70
```
#258f70 rgb(37,143,112)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#2fb790
```
#2fb790 rgb(47,183,144)
```
#35cba0
```
#35cba0 rgb(53,203,160)
```
#49d0a9
```
#49d0a9 rgb(73,208,169)
```

Monochromatic Color

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

#2aa362
```
#2aa362 rgb(42,163,98)
```
#2aa36c
```
#2aa36c rgb(42,163,108)
```
#2aa376
```
#2aa376 rgb(42,163,118)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#2aa38a
```
#2aa38a rgb(42,163,138)
```
#2aa394
```
#2aa394 rgb(42,163,148)
```
#2aa39e
```
#2aa39e rgb(42,163,158)
```

Similar Colors

Text with hexadecimal color #2aa380

This text has a font color of #2aa380.

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

#2aa380 background color

This paragraph has a background color of #2aa380.

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

#2aa380 border color

This element has a border color of #2aa380.

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

CSS codes

.text {color:#2aa380;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#061712
```
#061712 rgb(6,23,18)
```
#0a261e
```
#0a261e rgb(10,38,30)
```
#0e362a
```
#0e362a rgb(14,54,42)
```
#124537
```
#124537 rgb(18,69,55)
```
#165543
```
#165543 rgb(22,85,67)
```
#1a654f
```
#1a654f rgb(26,101,79)
```
#1e745b
```
#1e745b rgb(30,116,91)
```
#228468
```
#228468 rgb(34,132,104)
```
#269374
```
#269374 rgb(38,147,116)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#2eb38c
```
#2eb38c rgb(46,179,140)
```
#32c298
```
#32c298 rgb(50,194,152)
```

Shade Color Variation

#3bcda3
```
#3bcda3 rgb(59,205,163)
```
#4bd1aa
```
#4bd1aa rgb(75,209,170)
```
#5ad5b1
```
#5ad5b1 rgb(90,213,177)
```
#6ad9b9
```
#6ad9b9 rgb(106,217,185)
```
#7addc0
```
#7addc0 rgb(122,221,192)
```
#89e1c7
```
#89e1c7 rgb(137,225,199)
```
#99e5cf
```
#99e5cf rgb(153,229,207)
```
#a8e9d6
```
#a8e9d6 rgb(168,233,214)
```
#b8eddd
```
#b8eddd rgb(184,237,221)
```
#c8f1e5
```
#c8f1e5 rgb(200,241,229)
```
#d7f5ec
```
#d7f5ec rgb(215,245,236)
```
#e7f9f4
```
#e7f9f4 rgb(231,249,244)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#616c69
```
#616c69 rgb(97,108,105)
```
#59746c
```
#59746c rgb(89,116,108)
```
#517c6f
```
#517c6f rgb(81,124,111)
```
#4a8373
```
#4a8373 rgb(74,131,115)
```
#428b76
```
#428b76 rgb(66,139,118)
```
#3a9379
```
#3a9379 rgb(58,147,121)
```
#329b7d
```
#329b7d rgb(50,155,125)
```
#2aa380
```
#2aa380 rgb(42,163,128)
```
#22ab83
```
#22ab83 rgb(34,171,131)
```
#1ab387
```
#1ab387 rgb(26,179,135)
```
#12bb8a
```
#12bb8a rgb(18,187,138)
```
#0ac38d
```
#0ac38d rgb(10,195,141)
```
#03ca91
```
#03ca91 rgb(3,202,145)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b837c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e967e Protanopia 1% of men
#a7918e Deuteranopia 1% of men
#4ca2ae Tritanopia 0.001% of the population

Trichromacy

#749a7e Protanomaly 1% of men, 0.01% of women
#799889 Deuteranomaly 6% of men, 0.4% of women
#3fa29d Tritanomaly 0.01% of the population

#2aa380 hex color

#2aa380 Color Information

#2aa380 Color Conversion

Color Schemes with #2aa380

Alternatives to #2aa380

#2aa380 Preview

Shades and Tints of #2aa380

Tones of #2aa380

Color Blindness Simulator