#12a22e hex color

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

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

● #12a22e color description : Dark lime green.

The hexadecimal color #12a22e has RGB values of R:18, G:162, B:46 and CMYK values of C:0.89, M:0, Y:0.72, K:0.36. Its decimal value is 1221166.

Hex triplet	12a22e	`#12a22e`
RGB Decimal	18, 162, 46	`rgb(18,162,46)`
RGB Percent	7.1, 63.5, 18	`rgb(7.1%,63.5%,18%)`
CMYK	89, 0, 72, 36
HSL	131.7°, 80, 35.3	`hsl(131.7,80%,35.3%)`
HSV (or HSB)	131.7°, 88.9, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.193, -57.882, 48.125
XYZ	13.662, 26.165, 6.915
xyY	0.292, 0.56, 26.165
CIE-LCH	58.193, 75.275, 140.259
CIE-LUV	58.193, -52.822, 63.02
Hunter-Lab	51.152, -41.84, 27.791
Binary	00010010, 10100010, 00101110

#12a22e
```
#12a22e rgb(18,162,46)
```
#a21286
```
#a21286 rgb(162,18,134)
```

Complementary Color

#3ea212
```
#3ea212 rgb(62,162,18)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#12a276
```
#12a276 rgb(18,162,118)
```

Analogous Color

#a2123e
```
#a2123e rgb(162,18,62)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#7612a2
```
#7612a2 rgb(118,18,162)
```

Split Complementary Color

#a22e12
```
#a22e12 rgb(162,46,18)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#2e12a2
```
#2e12a2 rgb(46,18,162)
```

Triadic Color

#86a212
```
#86a212 rgb(134,162,18)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#2e12a2
```
#2e12a2 rgb(46,18,162)
```
#a21286
```
#a21286 rgb(162,18,134)
```

Tetradic Color

#0a5d1a
```
#0a5d1a rgb(10,93,26)
```
#0d7421
```
#0d7421 rgb(13,116,33)
```
#0f8b27
```
#0f8b27 rgb(15,139,39)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#15b935
```
#15b935 rgb(21,185,53)
```
#17d03b
```
#17d03b rgb(23,208,59)
```
#1be642
```
#1be642 rgb(27,230,66)
```

Monochromatic Color

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

#1aa212
```
#1aa212 rgb(26,162,18)
```
#12a216
```
#12a216 rgb(18,162,22)
```
#12a222
```
#12a222 rgb(18,162,34)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#12a23a
```
#12a23a rgb(18,162,58)
```
#12a246
```
#12a246 rgb(18,162,70)
```
#12a252
```
#12a252 rgb(18,162,82)
```

Similar Colors

Text with hexadecimal color #12a22e

This text has a font color of #12a22e.

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

#12a22e background color

This paragraph has a background color of #12a22e.

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

#12a22e border color

This element has a border color of #12a22e.

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

CSS codes

.text {color:#12a22e;}

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

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

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)
```
#021506
```
#021506 rgb(2,21,6)
```
#04260b
```
#04260b rgb(4,38,11)
```
#063810
```
#063810 rgb(6,56,16)
```
#084a15
```
#084a15 rgb(8,74,21)
```
#0a5b1a
```
#0a5b1a rgb(10,91,26)
```
#0c6d1f
```
#0c6d1f rgb(12,109,31)
```
#0e7f24
```
#0e7f24 rgb(14,127,36)
```
#109029
```
#109029 rgb(16,144,41)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#14b433
```
#14b433 rgb(20,180,51)
```
#16c538
```
#16c538 rgb(22,197,56)
```
#18d73d
```
#18d73d rgb(24,215,61)
```

Shade Color Variation

#1de644
```
#1de644 rgb(29,230,68)
```
#2ee852
```
#2ee852 rgb(46,232,82)
```
#40ea61
```
#40ea61 rgb(64,234,97)
```
#52ec70
```
#52ec70 rgb(82,236,112)
```
#63ee7e
```
#63ee7e rgb(99,238,126)
```
#75f08d
```
#75f08d rgb(117,240,141)
```
#87f29b
```
#87f29b rgb(135,242,155)
```
#98f4aa
```
#98f4aa rgb(152,244,170)
```
#aaf6b9
```
#aaf6b9 rgb(170,246,185)
```
#bcf8c7
```
#bcf8c7 rgb(188,248,199)
```
#cdf9d6
```
#cdf9d6 rgb(205,249,214)
```
#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 #04b026 is the most saturated one.

#575d58
```
#575d58 rgb(87,93,88)
```
#506454
```
#506454 rgb(80,100,84)
```
#496b50
```
#496b50 rgb(73,107,80)
```
#42724c
```
#42724c rgb(66,114,76)
```
#3c7847
```
#3c7847 rgb(60,120,71)
```
#357f43
```
#357f43 rgb(53,127,67)
```
#2e863f
```
#2e863f rgb(46,134,63)
```
#278d3b
```
#278d3b rgb(39,141,59)
```
#209436
```
#209436 rgb(32,148,54)
```
#199b32
```
#199b32 rgb(25,155,50)
```
#12a22e
```
#12a22e rgb(18,162,46)
```
#0ba92a
```
#0ba92a rgb(11,169,42)
```
#04b026
```
#04b026 rgb(4,176,38)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#58755e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29233 Protanopia 1% of men
#b38b45 Deuteranopia 1% of men
#519ca7 Tritanopia 0.001% of the population

Trichromacy

#6e9731 Protanomaly 1% of men, 0.01% of women
#78933c Deuteranomaly 6% of men, 0.4% of women
#3a9e7b Tritanomaly 0.01% of the population

#12a22e hex color

#12a22e Color Information

#12a22e Color Conversion

Color Schemes with #12a22e

Alternatives to #12a22e

#12a22e Preview

Shades and Tints of #12a22e

Tones of #12a22e

Color Blindness Simulator