#22aa12 hex color

In a RGB color space, hex #22aa12 is composed of 13.3% red, 66.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 89.4% yellow and 33.3% black. It has a hue angle of 113.7 degrees, a saturation of 80.9% and a lightness of 36.9%. #22aa12 color hex could be obtained by blending #44ff24 with #005500. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 13
- G 67
- B 7
RGB color chart
- C 80
- M 0
- Y 89
- K 33
CMYK color chart

● #22aa12 color description : Dark lime green.

The hexadecimal color #22aa12 has RGB values of R:34, G:170, B:18 and CMYK values of C:0.8, M:0, Y:0.89, K:0.33. Its decimal value is 2271762.

Hex triplet	22aa12	`#22aa12`
RGB Decimal	34, 170, 18	`rgb(34,170,18)`
RGB Percent	13.3, 66.7, 7.1	`rgb(13.3%,66.7%,7.1%)`
CMYK	80, 0, 89, 33
HSL	113.7°, 80.9, 36.9	`hsl(113.7,80.9%,36.9%)`
HSV (or HSB)	113.7°, 89.4, 66.7
Web Safe	339900	`#339900`

CIE-LAB	60.898, -60.399, 59.114
XYZ	15.143, 29.132, 5.397
xyY	0.305, 0.586, 29.132
CIE-LCH	60.898, 84.514, 135.616
CIE-LUV	60.898, -54.229, 72.452
Hunter-Lab	53.974, -44.374, 31.853
Binary	00100010, 10101010, 00010010

#22aa12
```
#22aa12 rgb(34,170,18)
```
#9a12aa
```
#9a12aa rgb(154,18,170)
```

Complementary Color

#6eaa12
```
#6eaa12 rgb(110,170,18)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#12aa4e
```
#12aa4e rgb(18,170,78)
```

Analogous Color

#aa126e
```
#aa126e rgb(170,18,110)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#4e12aa
```
#4e12aa rgb(78,18,170)
```

Split Complementary Color

#aa1222
```
#aa1222 rgb(170,18,34)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#1222aa
```
#1222aa rgb(18,34,170)
```

Triadic Color

#aa9a12
```
#aa9a12 rgb(170,154,18)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#1222aa
```
#1222aa rgb(18,34,170)
```
#9a12aa
```
#9a12aa rgb(154,18,170)
```

Tetradic Color

#14650b
```
#14650b rgb(20,101,11)
```
#197c0d
```
#197c0d rgb(25,124,13)
```
#1d9310
```
#1d9310 rgb(29,147,16)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#27c114
```
#27c114 rgb(39,193,20)
```
#2bd817
```
#2bd817 rgb(43,216,23)
```
#36e721
```
#36e721 rgb(54,231,33)
```

Monochromatic Color

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

#48aa12
```
#48aa12 rgb(72,170,18)
```
#3baa12
```
#3baa12 rgb(59,170,18)
```
#2faa12
```
#2faa12 rgb(47,170,18)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#15aa12
```
#15aa12 rgb(21,170,18)
```
#12aa1b
```
#12aa1b rgb(18,170,27)
```
#12aa28
```
#12aa28 rgb(18,170,40)
```

Similar Colors

Text with hexadecimal color #22aa12

This text has a font color of #22aa12.

<span style="color:#22aa12;">Text here</span>

#22aa12 background color

This paragraph has a background color of #22aa12.

<p style="background-color:#22aa12;">Content here</p>

#22aa12 border color

This element has a border color of #22aa12.

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

CSS codes

.text {color:#22aa12;}

.background {background-color:#22aa12;}

.border {border:1px solid #22aa12;}

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, #020a01 is the darkest color, while #f8fef8 is the lightest one.

#020a01
```
#020a01 rgb(2,10,1)
```
#061c03
```
#061c03 rgb(6,28,3)
```
#092e05
```
#092e05 rgb(9,46,5)
```
#0d4007
```
#0d4007 rgb(13,64,7)
```
#105109
```
#105109 rgb(16,81,9)
```
#14630a
```
#14630a rgb(20,99,10)
```
#17750c
```
#17750c rgb(23,117,12)
```
#1b870e
```
#1b870e rgb(27,135,14)
```
#1e9810
```
#1e9810 rgb(30,152,16)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#26bc14
```
#26bc14 rgb(38,188,20)
```
#29cd16
```
#29cd16 rgb(41,205,22)
```
#2ddf18
```
#2ddf18 rgb(45,223,24)
```

Shade Color Variation

#38e823
```
#38e823 rgb(56,232,35)
```
#48ea35
```
#48ea35 rgb(72,234,53)
```
#58eb46
```
#58eb46 rgb(88,235,70)
```
#68ed58
```
#68ed58 rgb(104,237,88)
```
#78ef6a
```
#78ef6a rgb(120,239,106)
```
#88f17b
```
#88f17b rgb(136,241,123)
```
#98f38d
```
#98f38d rgb(152,243,141)
```
#a8f59f
```
#a8f59f rgb(168,245,159)
```
#b8f7b1
```
#b8f7b1 rgb(184,247,177)
```
#c8f9c2
```
#c8f9c2 rgb(200,249,194)
```
#d8fad4
```
#d8fad4 rgb(216,250,212)
```
#e8fce6
```
#e8fce6 rgb(232,252,230)
```
#f8fef8
```
#f8fef8 rgb(248,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b625a is the less saturated color, while #17b804 is the most saturated one.

#5b625a
```
#5b625a rgb(91,98,90)
```
#556953
```
#556953 rgb(85,105,83)
```
#50704c
```
#50704c rgb(80,112,76)
```
#4a7745
```
#4a7745 rgb(74,119,69)
```
#447f3d
```
#447f3d rgb(68,127,61)
```
#3f8636
```
#3f8636 rgb(63,134,54)
```
#398d2f
```
#398d2f rgb(57,141,47)
```
#339428
```
#339428 rgb(51,148,40)
```
#2d9c20
```
#2d9c20 rgb(45,156,32)
```
#28a319
```
#28a319 rgb(40,163,25)
```
#22aa12
```
#22aa12 rgb(34,170,18)
```
#1cb10b
```
#1cb10b rgb(28,177,11)
```
#17b804
```
#17b804 rgb(23,184,4)
```

Tone Color Variation

Below, you can see how #22aa12 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
#607c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9817 Protanopia 1% of men
#bd9133 Deuteranopia 1% of men
#5ba2ae Tritanopia 0.001% of the population

Trichromacy

#799f15 Protanomaly 1% of men, 0.01% of women
#849a27 Deuteranomaly 6% of men, 0.4% of women
#46a575 Tritanomaly 0.01% of the population

#22aa12 hex color

#22aa12 Color Information

#22aa12 Color Conversion

Color Schemes with #22aa12

Alternatives to #22aa12

#22aa12 Preview

Shades and Tints of #22aa12

Tones of #22aa12

Color Blindness Simulator