#2aa150 hex color

In a RGB color space, hex #2aa150 is composed of 16.5% red, 63.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 50.3% yellow and 36.9% black. It has a hue angle of 139.2 degrees, a saturation of 58.6% and a lightness of 39.8%. #2aa150 color hex could be obtained by blending #54ffa0 with #004300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 63
- B 31
RGB color chart
- C 74
- M 0
- Y 50
- K 37
CMYK color chart

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

The hexadecimal color #2aa150 has RGB values of R:42, G:161, B:80 and CMYK values of C:0.74, M:0, Y:0.5, K:0.37. Its decimal value is 2793808.

Hex triplet	2aa150	`#2aa150`
RGB Decimal	42, 161, 80	`rgb(42,161,80)`
RGB Percent	16.5, 63.1, 31.4	`rgb(16.5%,63.1%,31.4%)`
CMYK	74, 0, 50, 37
HSL	139.2°, 58.6, 39.8	`hsl(139.2,58.6%,39.8%)`
HSV (or HSB)	139.2°, 73.9, 63.1
Web Safe	339966	`#339966`

CIE-LAB	58.565, -50.319, 32.891
XYZ	15.147, 26.56, 11.917
xyY	0.282, 0.495, 26.56
CIE-LCH	58.565, 60.115, 146.83
CIE-LUV	58.565, -47.957, 48.492
Hunter-Lab	51.536, -37.726, 22.365
Binary	00101010, 10100001, 01010000

#2aa150
```
#2aa150 rgb(42,161,80)
```
#a12a7b
```
#a12a7b rgb(161,42,123)
```

Complementary Color

#40a12a
```
#40a12a rgb(64,161,42)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#2aa18c
```
#2aa18c rgb(42,161,140)
```

Analogous Color

#a12a40
```
#a12a40 rgb(161,42,64)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#8c2aa1
```
#8c2aa1 rgb(140,42,161)
```

Split Complementary Color

#a1502a
```
#a1502a rgb(161,80,42)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#502aa1
```
#502aa1 rgb(80,42,161)
```

Triadic Color

#7ba12a
```
#7ba12a rgb(123,161,42)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#502aa1
```
#502aa1 rgb(80,42,161)
```
#a12a7b
```
#a12a7b rgb(161,42,123)
```

Tetradic Color

#1a6432
```
#1a6432 rgb(26,100,50)
```
#1f793c
```
#1f793c rgb(31,121,60)
```
#258d46
```
#258d46 rgb(37,141,70)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#2fb55a
```
#2fb55a rgb(47,181,90)
```
#35c964
```
#35c964 rgb(53,201,100)
```
#48cf73
```
#48cf73 rgb(72,207,115)
```

Monochromatic Color

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

#2aa132
```
#2aa132 rgb(42,161,50)
```
#2aa13c
```
#2aa13c rgb(42,161,60)
```
#2aa146
```
#2aa146 rgb(42,161,70)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#2aa15a
```
#2aa15a rgb(42,161,90)
```
#2aa164
```
#2aa164 rgb(42,161,100)
```
#2aa16e
```
#2aa16e rgb(42,161,110)
```

Similar Colors

Text with hexadecimal color #2aa150

This text has a font color of #2aa150.

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

#2aa150 background color

This paragraph has a background color of #2aa150.

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

#2aa150 border color

This element has a border color of #2aa150.

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

CSS codes

.text {color:#2aa150;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#05150a
```
#05150a rgb(5,21,10)
```
#0a2512
```
#0a2512 rgb(10,37,18)
```
#0e341a
```
#0e341a rgb(14,52,26)
```
#124422
```
#124422 rgb(18,68,34)
```
#165329
```
#165329 rgb(22,83,41)
```
#1a6331
```
#1a6331 rgb(26,99,49)
```
#1e7239
```
#1e7239 rgb(30,114,57)
```
#228241
```
#228241 rgb(34,130,65)
```
#269148
```
#269148 rgb(38,145,72)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#2eb158
```
#2eb158 rgb(46,177,88)
```
#32c05f
```
#32c05f rgb(50,192,95)
```

Shade Color Variation

#3acc69
```
#3acc69 rgb(58,204,105)
```
#4ad075
```
#4ad075 rgb(74,208,117)
```
#59d480
```
#59d480 rgb(89,212,128)
```
#69d88c
```
#69d88c rgb(105,216,140)
```
#78dc98
```
#78dc98 rgb(120,220,152)
```
#88e0a4
```
#88e0a4 rgb(136,224,164)
```
#98e4b0
```
#98e4b0 rgb(152,228,176)
```
#a7e8bc
```
#a7e8bc rgb(167,232,188)
```
#b7ecc8
```
#b7ecc8 rgb(183,236,200)
```
#c6f0d4
```
#c6f0d4 rgb(198,240,212)
```
#d6f4df
```
#d6f4df rgb(214,244,223)
```
#e5f8eb
```
#e5f8eb rgb(229,248,235)
```
#f5fcf7
```
#f5fcf7 rgb(245,252,247)
```

Tint Color Variation

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

#616a64
```
#616a64 rgb(97,106,100)
```
#597261
```
#597261 rgb(89,114,97)
```
#517a5e
```
#517a5e rgb(81,122,94)
```
#49825b
```
#49825b rgb(73,130,91)
```
#418a58
```
#418a58 rgb(65,138,88)
```
#3a9156
```
#3a9156 rgb(58,145,86)
```
#329953
```
#329953 rgb(50,153,83)
```
#2aa150
```
#2aa150 rgb(42,161,80)
```
#22a94d
```
#22a94d rgb(34,169,77)
```
#1ab14a
```
#1ab14a rgb(26,177,74)
```
#13b848
```
#13b848 rgb(19,184,72)
```
#0bc045
```
#0bc045 rgb(11,192,69)
```
#03c842
```
#03c842 rgb(3,200,66)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#657d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19252 Protanopia 1% of men
#af8c62 Deuteranopia 1% of men
#569ca8 Tritanopia 0.001% of the population

Trichromacy

#759751 Protanomaly 1% of men, 0.01% of women
#7e945b Deuteranomaly 6% of men, 0.4% of women
#469e88 Tritanomaly 0.01% of the population

#2aa150 hex color

#2aa150 Color Information

#2aa150 Color Conversion

Color Schemes with #2aa150

Alternatives to #2aa150

#2aa150 Preview

Shades and Tints of #2aa150

Tones of #2aa150

Color Blindness Simulator