#2aa250 hex color

In a RGB color space, hex #2aa250 is composed of 16.5% red, 63.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 50.6% yellow and 36.5% black. It has a hue angle of 139 degrees, a saturation of 58.8% and a lightness of 40%. #2aa250 color hex could be obtained by blending #54ffa0 with #004500. Closest websafe color is: #339966.

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

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

The hexadecimal color #2aa250 has RGB values of R:42, G:162, B:80 and CMYK values of C:0.74, M:0, Y:0.51, K:0.36. Its decimal value is 2794064.

Hex triplet	2aa250	`#2aa250`
RGB Decimal	42, 162, 80	`rgb(42,162,80)`
RGB Percent	16.5, 63.5, 31.4	`rgb(16.5%,63.5%,31.4%)`
CMYK	74, 0, 51, 36
HSL	139°, 58.8, 40	`hsl(139,58.8%,40%)`
HSV (or HSB)	139°, 74.1, 63.5
Web Safe	339966	`#339966`

CIE-LAB	58.891, -50.686, 33.299
XYZ	15.322, 26.911, 11.976
xyY	0.283, 0.496, 26.911
CIE-LCH	58.891, 60.645, 146.697
CIE-LUV	58.891, -48.318, 49.05
Hunter-Lab	51.875, -38.059, 22.625
Binary	00101010, 10100010, 01010000

#2aa250
```
#2aa250 rgb(42,162,80)
```
#a22a7c
```
#a22a7c rgb(162,42,124)
```

Complementary Color

#40a22a
```
#40a22a rgb(64,162,42)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#2aa28c
```
#2aa28c rgb(42,162,140)
```

Analogous Color

#a22a40
```
#a22a40 rgb(162,42,64)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#8c2aa2
```
#8c2aa2 rgb(140,42,162)
```

Split Complementary Color

#a2502a
```
#a2502a rgb(162,80,42)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#502aa2
```
#502aa2 rgb(80,42,162)
```

Triadic Color

#7ca22a
```
#7ca22a rgb(124,162,42)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#502aa2
```
#502aa2 rgb(80,42,162)
```
#a22a7c
```
#a22a7c rgb(162,42,124)
```

Tetradic Color

#1a6532
```
#1a6532 rgb(26,101,50)
```
#207a3c
```
#207a3c rgb(32,122,60)
```
#258e46
```
#258e46 rgb(37,142,70)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#2fb65a
```
#2fb65a rgb(47,182,90)
```
#35cb64
```
#35cb64 rgb(53,203,100)
```
#49d074
```
#49d074 rgb(73,208,116)
```

Monochromatic Color

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

#2aa232
```
#2aa232 rgb(42,162,50)
```
#2aa23c
```
#2aa23c rgb(42,162,60)
```
#2aa246
```
#2aa246 rgb(42,162,70)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#2aa25a
```
#2aa25a rgb(42,162,90)
```
#2aa264
```
#2aa264 rgb(42,162,100)
```
#2aa26e
```
#2aa26e rgb(42,162,110)
```

Similar Colors

Text with hexadecimal color #2aa250

This text has a font color of #2aa250.

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

#2aa250 background color

This paragraph has a background color of #2aa250.

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

#2aa250 border color

This element has a border color of #2aa250.

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

CSS codes

.text {color:#2aa250;}

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

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

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

#020603
```
#020603 rgb(2,6,3)
```
#06160b
```
#06160b rgb(6,22,11)
```
#0a2512
```
#0a2512 rgb(10,37,18)
```
#0e351a
```
#0e351a rgb(14,53,26)
```
#124522
```
#124522 rgb(18,69,34)
```
#16542a
```
#16542a rgb(22,84,42)
```
#1a6431
```
#1a6431 rgb(26,100,49)
```
#1e7339
```
#1e7339 rgb(30,115,57)
```
#228341
```
#228341 rgb(34,131,65)
```
#269248
```
#269248 rgb(38,146,72)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#2eb258
```
#2eb258 rgb(46,178,88)
```
#32c15f
```
#32c15f rgb(50,193,95)
```

Shade Color Variation

#3bcc69
```
#3bcc69 rgb(59,204,105)
```
#4ad075
```
#4ad075 rgb(74,208,117)
```
#5ad481
```
#5ad481 rgb(90,212,129)
```
#69d88d
```
#69d88d rgb(105,216,141)
```
#79dc98
```
#79dc98 rgb(121,220,152)
```
#89e0a4
```
#89e0a4 rgb(137,224,164)
```
#98e4b0
```
#98e4b0 rgb(152,228,176)
```
#a8e8bc
```
#a8e8bc rgb(168,232,188)
```
#b7ecc8
```
#b7ecc8 rgb(183,236,200)
```
#c7f0d4
```
#c7f0d4 rgb(199,240,212)
```
#d7f5e0
```
#d7f5e0 rgb(215,245,224)
```
#e6f9ec
```
#e6f9ec rgb(230,249,236)
```
#f6fdf8
```
#f6fdf8 rgb(246,253,248)
```

Tint Color Variation

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

#616b64
```
#616b64 rgb(97,107,100)
```
#597361
```
#597361 rgb(89,115,97)
```
#517b5e
```
#517b5e rgb(81,123,94)
```
#49835c
```
#49835c rgb(73,131,92)
```
#428a59
```
#428a59 rgb(66,138,89)
```
#3a9256
```
#3a9256 rgb(58,146,86)
```
#329a53
```
#329a53 rgb(50,154,83)
```
#2aa250
```
#2aa250 rgb(42,162,80)
```
#22aa4d
```
#22aa4d rgb(34,170,77)
```
#1ab24a
```
#1ab24a rgb(26,178,74)
```
#12ba47
```
#12ba47 rgb(18,186,71)
```
#0bc144
```
#0bc144 rgb(11,193,68)
```
#03c942
```
#03c942 rgb(3,201,66)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#667e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19352 Protanopia 1% of men
#b08d62 Deuteranopia 1% of men
#569da9 Tritanopia 0.001% of the population

Trichromacy

#769851 Protanomaly 1% of men, 0.01% of women
#7f945b Deuteranomaly 6% of men, 0.4% of women
#469f88 Tritanomaly 0.01% of the population

#2aa250 hex color

#2aa250 Color Information

#2aa250 Color Conversion

Color Schemes with #2aa250

Alternatives to #2aa250

#2aa250 Preview

Shades and Tints of #2aa250

Tones of #2aa250

Color Blindness Simulator