#12a22a hex color

In a RGB color space, hex #12a22a is composed of 7.1% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 0% magenta, 74.1% yellow and 36.5% black. It has a hue angle of 130 degrees, a saturation of 80% and a lightness of 35.3%. #12a22a color hex could be obtained by blending #24ff54 with #004500. Closest websafe color is: #009933.

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

● #12a22a color description : Dark lime green.

The hexadecimal color #12a22a has RGB values of R:18, G:162, B:42 and CMYK values of C:0.89, M:0, Y:0.74, K:0.36. Its decimal value is 1221162.

Hex triplet	12a22a	`#12a22a`
RGB Decimal	18, 162, 42	`rgb(18,162,42)`
RGB Percent	7.1, 63.5, 16.5	`rgb(7.1%,63.5%,16.5%)`
CMYK	89, 0, 74, 36
HSL	130°, 80, 35.3	`hsl(130,80%,35.3%)`
HSV (or HSB)	130°, 88.9, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.165, -58.241, 49.63
XYZ	13.587, 26.135, 6.519
xyY	0.294, 0.565, 26.135
CIE-LCH	58.165, 76.519, 139.564
CIE-LUV	58.165, -52.94, 64.19
Hunter-Lab	51.122, -42.024, 28.225
Binary	00010010, 10100010, 00101010

#12a22a
```
#12a22a rgb(18,162,42)
```
#a2128a
```
#a2128a rgb(162,18,138)
```

Complementary Color

#42a212
```
#42a212 rgb(66,162,18)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#12a272
```
#12a272 rgb(18,162,114)
```

Analogous Color

#a21242
```
#a21242 rgb(162,18,66)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#7212a2
```
#7212a2 rgb(114,18,162)
```

Split Complementary Color

#a22a12
```
#a22a12 rgb(162,42,18)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#2a12a2
```
#2a12a2 rgb(42,18,162)
```

Triadic Color

#8aa212
```
#8aa212 rgb(138,162,18)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#2a12a2
```
#2a12a2 rgb(42,18,162)
```
#a2128a
```
#a2128a rgb(162,18,138)
```

Tetradic Color

#0a5d18
```
#0a5d18 rgb(10,93,24)
```
#0d741e
```
#0d741e rgb(13,116,30)
```
#0f8b24
```
#0f8b24 rgb(15,139,36)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#15b930
```
#15b930 rgb(21,185,48)
```
#17d036
```
#17d036 rgb(23,208,54)
```
#1be63d
```
#1be63d rgb(27,230,61)
```

Monochromatic Color

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

#1ea212
```
#1ea212 rgb(30,162,18)
```
#12a212
```
#12a212 rgb(18,162,18)
```
#12a21e
```
#12a21e rgb(18,162,30)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#12a236
```
#12a236 rgb(18,162,54)
```
#12a242
```
#12a242 rgb(18,162,66)
```
#12a24e
```
#12a24e rgb(18,162,78)
```

Similar Colors

Text with hexadecimal color #12a22a

This text has a font color of #12a22a.

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

#12a22a background color

This paragraph has a background color of #12a22a.

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

#12a22a border color

This element has a border color of #12a22a.

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

CSS codes

.text {color:#12a22a;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#021505
```
#021505 rgb(2,21,5)
```
#04260a
```
#04260a rgb(4,38,10)
```
#06380f
```
#06380f rgb(6,56,15)
```
#084a13
```
#084a13 rgb(8,74,19)
```
#0a5b18
```
#0a5b18 rgb(10,91,24)
```
#0c6d1c
```
#0c6d1c rgb(12,109,28)
```
#0e7f21
```
#0e7f21 rgb(14,127,33)
```
#109025
```
#109025 rgb(16,144,37)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#14b42f
```
#14b42f rgb(20,180,47)
```
#16c533
```
#16c533 rgb(22,197,51)
```
#18d738
```
#18d738 rgb(24,215,56)
```

Shade Color Variation

#1de63e
```
#1de63e rgb(29,230,62)
```
#2ee84d
```
#2ee84d rgb(46,232,77)
```
#40ea5c
```
#40ea5c rgb(64,234,92)
```
#52ec6b
```
#52ec6b rgb(82,236,107)
```
#63ee7a
```
#63ee7a rgb(99,238,122)
```
#75f089
```
#75f089 rgb(117,240,137)
```
#87f298
```
#87f298 rgb(135,242,152)
```
#98f4a7
```
#98f4a7 rgb(152,244,167)
```
#aaf6b6
```
#aaf6b6 rgb(170,246,182)
```
#bcf8c6
```
#bcf8c6 rgb(188,248,198)
```
#cdf9d5
```
#cdf9d5 rgb(205,249,213)
```
#dffbe4
```
#dffbe4 rgb(223,251,228)
```
#f0fdf3
```
#f0fdf3 rgb(240,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d58 is the less saturated color, while #04b021 is the most saturated one.

#575d58
```
#575d58 rgb(87,93,88)
```
#506454
```
#506454 rgb(80,100,84)
```
#496b4f
```
#496b4f rgb(73,107,79)
```
#42724a
```
#42724a rgb(66,114,74)
```
#3c7846
```
#3c7846 rgb(60,120,70)
```
#357f41
```
#357f41 rgb(53,127,65)
```
#2e863c
```
#2e863c rgb(46,134,60)
```
#278d38
```
#278d38 rgb(39,141,56)
```
#209433
```
#209433 rgb(32,148,51)
```
#199b2f
```
#199b2f rgb(25,155,47)
```
#12a22a
```
#12a22a rgb(18,162,42)
```
#0ba925
```
#0ba925 rgb(11,169,37)
```
#04b021
```
#04b021 rgb(4,176,33)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#58745c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2922f Protanopia 1% of men
#b38b42 Deuteranopia 1% of men
#529ca7 Tritanopia 0.001% of the population

Trichromacy

#6e972d Protanomaly 1% of men, 0.01% of women
#789339 Deuteranomaly 6% of men, 0.4% of women
#3a9e79 Tritanomaly 0.01% of the population

#12a22a hex color

#12a22a Color Information

#12a22a Color Conversion

Color Schemes with #12a22a

Alternatives to #12a22a

#12a22a Preview

Shades and Tints of #12a22a

Tones of #12a22a

Color Blindness Simulator