#2aa300 hex color

In a RGB color space, hex #2aa300 is composed of 16.5% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 100% yellow and 36.1% black. It has a hue angle of 104.5 degrees, a saturation of 100% and a lightness of 32%. #2aa300 color hex could be obtained by blending #54ff00 with #004700. Closest websafe color is: #339900.

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

● #2aa300 color description : Dark green.

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

Hex triplet	2aa300	`#2aa300`
RGB Decimal	42, 163, 0	`rgb(42,163,0)`
RGB Percent	16.5, 63.9, 0	`rgb(16.5%,63.9%,0%)`
CMYK	74, 0, 100, 36
HSL	104.5°, 100, 32	`hsl(104.5,100%,32%)`
HSV (or HSB)	104.5°, 100, 63.9
Web Safe	339900	`#339900`

CIE-LAB	58.682, -57.524, 60.076
XYZ	14.051, 26.685, 4.41
xyY	0.311, 0.591, 26.685
CIE-LCH	58.682, 83.176, 133.757
CIE-LUV	58.682, -50.642, 71.235
Hunter-Lab	51.658, -41.848, 31.099
Binary	00101010, 10100011, 00000000

#2aa300
```
#2aa300 rgb(42,163,0)
```
#7900a3
```
#7900a3 rgb(121,0,163)
```

Complementary Color

#7ca300
```
#7ca300 rgb(124,163,0)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#00a328
```
#00a328 rgb(0,163,40)
```

Analogous Color

#a3007c
```
#a3007c rgb(163,0,124)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#2800a3
```
#2800a3 rgb(40,0,163)
```

Split Complementary Color

#a3002a
```
#a3002a rgb(163,0,42)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#002aa3
```
#002aa3 rgb(0,42,163)
```

Triadic Color

#a37900
```
#a37900 rgb(163,121,0)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#002aa3
```
#002aa3 rgb(0,42,163)
```
#7900a3
```
#7900a3 rgb(121,0,163)
```

Tetradic Color

#165700
```
#165700 rgb(22,87,0)
```
#1d7000
```
#1d7000 rgb(29,112,0)
```
#238a00
```
#238a00 rgb(35,138,0)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#31bd00
```
#31bd00 rgb(49,189,0)
```
#37d600
```
#37d600 rgb(55,214,0)
```
#3ef000
```
#3ef000 rgb(62,240,0)
```

Monochromatic Color

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

#53a300
```
#53a300 rgb(83,163,0)
```
#45a300
```
#45a300 rgb(69,163,0)
```
#38a300
```
#38a300 rgb(56,163,0)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#1ca300
```
#1ca300 rgb(28,163,0)
```
#0fa300
```
#0fa300 rgb(15,163,0)
```
#01a300
```
#01a300 rgb(1,163,0)
```

Similar Colors

Text with hexadecimal color #2aa300

This text has a font color of #2aa300.

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

#2aa300 background color

This paragraph has a background color of #2aa300.

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

#2aa300 border color

This element has a border color of #2aa300.

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

CSS codes

.text {color:#2aa300;}

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

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

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

#020600
```
#020600 rgb(2,6,0)
```
#071a00
```
#071a00 rgb(7,26,0)
```
#0c2d00
```
#0c2d00 rgb(12,45,0)
```
#114100
```
#114100 rgb(17,65,0)
```
#165500
```
#165500 rgb(22,85,0)
```
#1b6800
```
#1b6800 rgb(27,104,0)
```
#207c00
```
#207c00 rgb(32,124,0)
```
#258f00
```
#258f00 rgb(37,143,0)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```
#2fb700
```
#2fb700 rgb(47,183,0)
```
#34ca00
```
#34ca00 rgb(52,202,0)
```
#39de00
```
#39de00 rgb(57,222,0)
```
#3ef100
```
#3ef100 rgb(62,241,0)
```

Shade Color Variation

#46ff06
```
#46ff06 rgb(70,255,6)
```
#55ff1a
```
#55ff1a rgb(85,255,26)
```
#63ff2d
```
#63ff2d rgb(99,255,45)
```
#72ff41
```
#72ff41 rgb(114,255,65)
```
#80ff55
```
#80ff55 rgb(128,255,85)
```
#8fff68
```
#8fff68 rgb(143,255,104)
```
#9eff7c
```
#9eff7c rgb(158,255,124)
```
#acff8f
```
#acff8f rgb(172,255,143)
```
#bbffa3
```
#bbffa3 rgb(187,255,163)
```
#c9ffb7
```
#c9ffb7 rgb(201,255,183)
```
#d8ffca
```
#d8ffca rgb(216,255,202)
```
#e6ffde
```
#e6ffde rgb(230,255,222)
```
#f5fff1
```
#f5fff1 rgb(245,255,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e584b is the less saturated color, while #2aa300 is the most saturated one.

#4e584b
```
#4e584b rgb(78,88,75)
```
#4b5e45
```
#4b5e45 rgb(75,94,69)
```
#48643f
```
#48643f rgb(72,100,63)
```
#456b38
```
#456b38 rgb(69,107,56)
```
#427132
```
#427132 rgb(66,113,50)
```
#3f772c
```
#3f772c rgb(63,119,44)
```
#3c7d26
```
#3c7d26 rgb(60,125,38)
```
#39841f
```
#39841f rgb(57,132,31)
```
#368a19
```
#368a19 rgb(54,138,25)
```
#339013
```
#339013 rgb(51,144,19)
```
#30960d
```
#30960d rgb(48,150,13)
```
#2d9d06
```
#2d9d06 rgb(45,157,6)
```
#2aa300
```
#2aa300 rgb(42,163,0)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5f7756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59300 Protanopia 1% of men
#b78c29 Deuteranopia 1% of men
#5c9ca7 Tritanopia 0.001% of the population

Trichromacy

#789900 Protanomaly 1% of men, 0.01% of women
#83941a Deuteranomaly 6% of men, 0.4% of women
#4a9e6a Tritanomaly 0.01% of the population

#2aa300 hex color

#2aa300 Color Information

#2aa300 Color Conversion

Color Schemes with #2aa300

Alternatives to #2aa300

#2aa300 Preview

Shades and Tints of #2aa300

Tones of #2aa300

Color Blindness Simulator