#2aa224 hex color

In a RGB color space, hex #2aa224 is composed of 16.5% red, 63.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 77.8% yellow and 36.5% black. It has a hue angle of 117.1 degrees, a saturation of 63.6% and a lightness of 38.8%. #2aa224 color hex could be obtained by blending #54ff48 with #004500. Closest websafe color is: #339933.

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

● #2aa224 color description : Dark lime green.

The hexadecimal color #2aa224 has RGB values of R:42, G:162, B:36 and CMYK values of C:0.74, M:0, Y:0.78, K:0.36. Its decimal value is 2794020.

Hex triplet	2aa224	`#2aa224`
RGB Decimal	42, 162, 36	`rgb(42,162,36)`
RGB Percent	16.5, 63.5, 14.1	`rgb(16.5%,63.5%,14.1%)`
CMYK	74, 0, 78, 36
HSL	117.1°, 63.6, 38.8	`hsl(117.1,63.6%,38.8%)`
HSV (or HSB)	117.1°, 77.8, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.47, -55.726, 52.171
XYZ	14.193, 26.459, 6.028
xyY	0.304, 0.567, 26.459
CIE-LCH	58.47, 76.336, 136.887
CIE-LUV	58.47, -49.829, 65.778
Hunter-Lab	51.438, -40.765, 29.059
Binary	00101010, 10100010, 00100100

#2aa224
```
#2aa224 rgb(42,162,36)
```
#9c24a2
```
#9c24a2 rgb(156,36,162)
```

Complementary Color

#69a224
```
#69a224 rgb(105,162,36)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#24a25d
```
#24a25d rgb(36,162,93)
```

Analogous Color

#a22469
```
#a22469 rgb(162,36,105)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#5d24a2
```
#5d24a2 rgb(93,36,162)
```

Split Complementary Color

#a2242a
```
#a2242a rgb(162,36,42)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#242aa2
```
#242aa2 rgb(36,42,162)
```

Triadic Color

#a29c24
```
#a29c24 rgb(162,156,36)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#242aa2
```
#242aa2 rgb(36,42,162)
```
#9c24a2
```
#9c24a2 rgb(156,36,162)
```

Tetradic Color

#1a6316
```
#1a6316 rgb(26,99,22)
```
#1f781b
```
#1f781b rgb(31,120,27)
```
#258d1f
```
#258d1f rgb(37,141,31)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#2fb729
```
#2fb729 rgb(47,183,41)
```
#35cc2d
```
#35cc2d rgb(53,204,45)
```
#45d43e
```
#45d43e rgb(69,212,62)
```

Monochromatic Color

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

#4aa224
```
#4aa224 rgb(74,162,36)
```
#3fa224
```
#3fa224 rgb(63,162,36)
```
#35a224
```
#35a224 rgb(53,162,36)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#24a229
```
#24a229 rgb(36,162,41)
```
#24a233
```
#24a233 rgb(36,162,51)
```
#24a23d
```
#24a23d rgb(36,162,61)
```

Similar Colors

Text with hexadecimal color #2aa224

This text has a font color of #2aa224.

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

#2aa224 background color

This paragraph has a background color of #2aa224.

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

#2aa224 border color

This element has a border color of #2aa224.

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

CSS codes

.text {color:#2aa224;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#051204
```
#051204 rgb(5,18,4)
```
#092207
```
#092207 rgb(9,34,7)
```
#0d320b
```
#0d320b rgb(13,50,11)
```
#11420f
```
#11420f rgb(17,66,15)
```
#155212
```
#155212 rgb(21,82,18)
```
#196216
```
#196216 rgb(25,98,22)
```
#1e7219
```
#1e7219 rgb(30,114,25)
```
#22821d
```
#22821d rgb(34,130,29)
```
#269220
```
#269220 rgb(38,146,32)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#2eb228
```
#2eb228 rgb(46,178,40)
```
#32c22b
```
#32c22b rgb(50,194,43)
```

Shade Color Variation

#38d130
```
#38d130 rgb(56,209,48)
```
#47d540
```
#47d540 rgb(71,213,64)
```
#56d850
```
#56d850 rgb(86,216,80)
```
#66dc60
```
#66dc60 rgb(102,220,96)
```
#75df70
```
#75df70 rgb(117,223,112)
```
#85e380
```
#85e380 rgb(133,227,128)
```
#94e690
```
#94e690 rgb(148,230,144)
```
#a4eaa0
```
#a4eaa0 rgb(164,234,160)
```
#b3eeb0
```
#b3eeb0 rgb(179,238,176)
```
#c3f1c0
```
#c3f1c0 rgb(195,241,192)
```
#d2f5d0
```
#d2f5d0 rgb(210,245,208)
```
#e2f8e0
```
#e2f8e0 rgb(226,248,224)
```
#f1fcf0
```
#f1fcf0 rgb(241,252,240)
```

Tint Color Variation

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

#616561
```
#616561 rgb(97,101,97)
```
#5a6d59
```
#5a6d59 rgb(90,109,89)
```
#537452
```
#537452 rgb(83,116,82)
```
#4c7c4a
```
#4c7c4a rgb(76,124,74)
```
#468442
```
#468442 rgb(70,132,66)
```
#3f8b3b
```
#3f8b3b rgb(63,139,59)
```
#389333
```
#389333 rgb(56,147,51)
```
#319a2c
```
#319a2c rgb(49,154,44)
```
#2aa224
```
#2aa224 rgb(42,162,36)
```
#23aa1c
```
#23aa1c rgb(35,170,28)
```
#1cb115
```
#1cb115 rgb(28,177,21)
```
#15b90d
```
#15b90d rgb(21,185,13)
```
#0ec006
```
#0ec006 rgb(14,192,6)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#627a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3922a Protanopia 1% of men
#b48b3d Deuteranopia 1% of men
#5a9ca7 Tritanopia 0.001% of the population

Trichromacy

#779827 Protanomaly 1% of men, 0.01% of women
#829334 Deuteranomaly 6% of men, 0.4% of women
#499e77 Tritanomaly 0.01% of the population

#2aa224 hex color

#2aa224 Color Information

#2aa224 Color Conversion

Color Schemes with #2aa224

Alternatives to #2aa224

#2aa224 Preview

Shades and Tints of #2aa224

Tones of #2aa224

Color Blindness Simulator