#12ae22 hex color

In a RGB color space, hex #12ae22 is composed of 7.1% red, 68.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 80.5% yellow and 31.8% black. It has a hue angle of 126.2 degrees, a saturation of 81.3% and a lightness of 37.6%. #12ae22 color hex could be obtained by blending #24ff44 with #005d00. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 7
- G 68
- B 13
RGB color chart
- C 90
- M 0
- Y 80
- K 32
CMYK color chart

● #12ae22 color description : Dark lime green.

The hexadecimal color #12ae22 has RGB values of R:18, G:174, B:34 and CMYK values of C:0.9, M:0, Y:0.8, K:0.32. Its decimal value is 1224226.

Hex triplet	12ae22	`#12ae22`
RGB Decimal	18, 174, 34	`rgb(18,174,34)`
RGB Percent	7.1, 68.2, 13.3	`rgb(7.1%,68.2%,13.3%)`
CMYK	90, 0, 80, 32
HSL	126.2°, 81.3, 37.6	`hsl(126.2,81.3%,37.6%)`
HSV (or HSB)	126.2°, 89.7, 68.2
Web Safe	009933	`#009933`

CIE-LAB	62.096, -62.434, 56.174
XYZ	15.673, 30.514, 6.577
xyY	0.297, 0.578, 30.514
CIE-LCH	62.096, 83.985, 138.021
CIE-LUV	62.096, -57.075, 71.51
Hunter-Lab	55.24, -46.024, 31.609
Binary	00010010, 10101110, 00100010

#12ae22
```
#12ae22 rgb(18,174,34)
```
#ae129e
```
#ae129e rgb(174,18,158)
```

Complementary Color

#50ae12
```
#50ae12 rgb(80,174,18)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#12ae70
```
#12ae70 rgb(18,174,112)
```

Analogous Color

#ae1250
```
#ae1250 rgb(174,18,80)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#7012ae
```
#7012ae rgb(112,18,174)
```

Split Complementary Color

#ae2212
```
#ae2212 rgb(174,34,18)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#2212ae
```
#2212ae rgb(34,18,174)
```

Triadic Color

#9eae12
```
#9eae12 rgb(158,174,18)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#2212ae
```
#2212ae rgb(34,18,174)
```
#ae129e
```
#ae129e rgb(174,18,158)
```

Tetradic Color

#0b6914
```
#0b6914 rgb(11,105,20)
```
#0d8019
```
#0d8019 rgb(13,128,25)
```
#10971d
```
#10971d rgb(16,151,29)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#14c527
```
#14c527 rgb(20,197,39)
```
#17dc2b
```
#17dc2b rgb(23,220,43)
```
#24e838
```
#24e838 rgb(36,232,56)
```

Monochromatic Color

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

#29ae12
```
#29ae12 rgb(41,174,18)
```
#1cae12
```
#1cae12 rgb(28,174,18)
```
#12ae15
```
#12ae15 rgb(18,174,21)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#12ae2f
```
#12ae2f rgb(18,174,47)
```
#12ae3c
```
#12ae3c rgb(18,174,60)
```
#12ae49
```
#12ae49 rgb(18,174,73)
```

Similar Colors

Text with hexadecimal color #12ae22

This text has a font color of #12ae22.

<span style="color:#12ae22;">Text here</span>

#12ae22 background color

This paragraph has a background color of #12ae22.

<p style="background-color:#12ae22;">Content here</p>

#12ae22 border color

This element has a border color of #12ae22.

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

CSS codes

.text {color:#12ae22;}

.background {background-color:#12ae22;}

.border {border:1px solid #12ae22;}

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, #010e03 is the darkest color, while #fbfffc is the lightest one.

#010e03
```
#010e03 rgb(1,14,3)
```
#032006
```
#032006 rgb(3,32,6)
```
#05320a
```
#05320a rgb(5,50,10)
```
#07430d
```
#07430d rgb(7,67,13)
```
#095511
```
#095511 rgb(9,85,17)
```
#0b6714
```
#0b6714 rgb(11,103,20)
```
#0c7918
```
#0c7918 rgb(12,121,24)
```
#0e8a1b
```
#0e8a1b rgb(14,138,27)
```
#109c1f
```
#109c1f rgb(16,156,31)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#14c025
```
#14c025 rgb(20,192,37)
```
#16d229
```
#16d229 rgb(22,210,41)
```
#18e32c
```
#18e32c rgb(24,227,44)
```

Shade Color Variation

#26e93a
```
#26e93a rgb(38,233,58)
```
#38ea4a
```
#38ea4a rgb(56,234,74)
```
#49ec5a
```
#49ec5a rgb(73,236,90)
```
#5bee6a
```
#5bee6a rgb(91,238,106)
```
#6df07a
```
#6df07a rgb(109,240,122)
```
#7ff28b
```
#7ff28b rgb(127,242,139)
```
#91f49b
```
#91f49b rgb(145,244,155)
```
#a2f5ab
```
#a2f5ab rgb(162,245,171)
```
#b4f7bb
```
#b4f7bb rgb(180,247,187)
```
#c6f9cb
```
#c6f9cb rgb(198,249,203)
```
#d8fbdb
```
#d8fbdb rgb(216,251,219)
```
#e9fdeb
```
#e9fdeb rgb(233,253,235)
```
#fbfffc
```
#fbfffc rgb(251,255,252)
```

Tint Color Variation

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

#5c645d
```
#5c645d rgb(92,100,93)
```
#546c57
```
#546c57 rgb(84,108,87)
```
#4d7351
```
#4d7351 rgb(77,115,81)
```
#467a4b
```
#467a4b rgb(70,122,75)
```
#3e8245
```
#3e8245 rgb(62,130,69)
```
#37893f
```
#37893f rgb(55,137,63)
```
#309039
```
#309039 rgb(48,144,57)
```
#289834
```
#289834 rgb(40,152,52)
```
#219f2e
```
#219f2e rgb(33,159,46)
```
#19a728
```
#19a728 rgb(25,167,40)
```
#12ae22
```
#12ae22 rgb(18,174,34)
```
#0bb51c
```
#0bb51c rgb(11,181,28)
```
#03bd16
```
#03bd16 rgb(3,189,22)
```

Tone Color Variation

Below, you can see how #12ae22 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

#6f6f6f Achromatopsia 0.005% of the population
#5c7c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9b27 Protanopia 1% of men
#c0943d Deuteranopia 1% of men
#58a6b2 Tritanopia 0.001% of the population

Trichromacy

#75a225 Protanomaly 1% of men, 0.01% of women
#809d33 Deuteranomaly 6% of men, 0.4% of women
#3ea97e Tritanomaly 0.01% of the population

#12ae22 hex color

#12ae22 Color Information

#12ae22 Color Conversion

Color Schemes with #12ae22

Alternatives to #12ae22

#12ae22 Preview

Shades and Tints of #12ae22

Tones of #12ae22

Color Blindness Simulator