#12dc22 hex color

In a RGB color space, hex #12dc22 is composed of 7.1% red, 86.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 0% magenta, 84.5% yellow and 13.7% black. It has a hue angle of 124.8 degrees, a saturation of 84.9% and a lightness of 46.7%. #12dc22 color hex could be obtained by blending #24ff44 with #00b900. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 7
- G 86
- B 13
RGB color chart
- C 92
- M 0
- Y 85
- K 14
CMYK color chart

● #12dc22 color description : Vivid lime green.

The hexadecimal color #12dc22 has RGB values of R:18, G:220, B:34 and CMYK values of C:0.92, M:0, Y:0.85, K:0.14. Its decimal value is 1236002.

Hex triplet	12dc22	`#12dc22`
RGB Decimal	18, 220, 34	`rgb(18,220,34)`
RGB Percent	7.1, 86.3, 13.3	`rgb(7.1%,86.3%,13.3%)`
CMYK	92, 0, 85, 14
HSL	124.8°, 84.9, 46.7	`hsl(124.8,84.9%,46.7%)`
HSV (or HSB)	124.8°, 91.8, 86.3
Web Safe	00cc33	`#00cc33`

CIE-LAB	76.937, -75.477, 69.813
XYZ	26.13, 51.427, 10.063
xyY	0.298, 0.587, 51.427
CIE-LCH	76.937, 102.814, 137.232
CIE-LUV	76.937, -71.581, 90.857
Hunter-Lab	71.713, -60.458, 41.88
Binary	00010010, 11011100, 00100010

#12dc22
```
#12dc22 rgb(18,220,34)
```
#dc12cc
```
#dc12cc rgb(220,18,204)
```

Complementary Color

#67dc12
```
#67dc12 rgb(103,220,18)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#12dc87
```
#12dc87 rgb(18,220,135)
```

Analogous Color

#dc1267
```
#dc1267 rgb(220,18,103)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#8712dc
```
#8712dc rgb(135,18,220)
```

Split Complementary Color

#dc2212
```
#dc2212 rgb(220,34,18)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#2212dc
```
#2212dc rgb(34,18,220)
```

Triadic Color

#ccdc12
```
#ccdc12 rgb(204,220,18)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#2212dc
```
#2212dc rgb(34,18,220)
```
#dc12cc
```
#dc12cc rgb(220,18,204)
```

Tetradic Color

#0c9517
```
#0c9517 rgb(12,149,23)
```
#0ead1b
```
#0ead1b rgb(14,173,27)
```
#10c41e
```
#10c41e rgb(16,196,30)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#1bec2c
```
#1bec2c rgb(27,236,44)
```
#33ee42
```
#33ee42 rgb(51,238,66)
```
#4af057
```
#4af057 rgb(74,240,87)
```

Monochromatic Color

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

#35dc12
```
#35dc12 rgb(53,220,18)
```
#24dc12
```
#24dc12 rgb(36,220,18)
```
#13dc12
```
#13dc12 rgb(19,220,18)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#12dc33
```
#12dc33 rgb(18,220,51)
```
#12dc44
```
#12dc44 rgb(18,220,68)
```
#12dc54
```
#12dc54 rgb(18,220,84)
```

Similar Colors

Text with hexadecimal color #12dc22

This text has a font color of #12dc22.

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

#12dc22 background color

This paragraph has a background color of #12dc22.

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

#12dc22 border color

This element has a border color of #12dc22.

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

CSS codes

.text {color:#12dc22;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#021503
```
#021503 rgb(2,21,3)
```
#032706
```
#032706 rgb(3,39,6)
```
#053909
```
#053909 rgb(5,57,9)
```
#064b0c
```
#064b0c rgb(6,75,12)
```
#085d0e
```
#085d0e rgb(8,93,14)
```
#096f11
```
#096f11 rgb(9,111,17)
```
#0b8114
```
#0b8114 rgb(11,129,20)
```
#0c9317
```
#0c9317 rgb(12,147,23)
```
#0ea61a
```
#0ea61a rgb(14,166,26)
```
#0fb81c
```
#0fb81c rgb(15,184,28)
```
#11ca1f
```
#11ca1f rgb(17,202,31)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```

Shade Color Variation

#16ec27
```
#16ec27 rgb(22,236,39)
```
#28ed37
```
#28ed37 rgb(40,237,55)
```
#3aef48
```
#3aef48 rgb(58,239,72)
```
#4cf059
```
#4cf059 rgb(76,240,89)
```
#5ef26a
```
#5ef26a rgb(94,242,106)
```
#70f37b
```
#70f37b rgb(112,243,123)
```
#82f58c
```
#82f58c rgb(130,245,140)
```
#95f69c
```
#95f69c rgb(149,246,156)
```
#a7f8ad
```
#a7f8ad rgb(167,248,173)
```
#b9f9be
```
#b9f9be rgb(185,249,190)
```
#cbfbcf
```
#cbfbcf rgb(203,251,207)
```
#ddfce0
```
#ddfce0 rgb(221,252,224)
```
#effef0
```
#effef0 rgb(239,254,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777777 is the less saturated color, while #09e51a is the most saturated one.

#777777
```
#777777 rgb(119,119,119)
```
#6e806f
```
#6e806f rgb(110,128,111)
```
#648a67
```
#648a67 rgb(100,138,103)
```
#5b9360
```
#5b9360 rgb(91,147,96)
```
#529c58
```
#529c58 rgb(82,156,88)
```
#49a550
```
#49a550 rgb(73,165,80)
```
#40ae49
```
#40ae49 rgb(64,174,73)
```
#37b741
```
#37b741 rgb(55,183,65)
```
#2dc139
```
#2dc139 rgb(45,193,57)
```
#24ca31
```
#24ca31 rgb(36,202,49)
```
#1bd32a
```
#1bd32a rgb(27,211,42)
```
#12dc22
```
#12dc22 rgb(18,220,34)
```
#09e51a
```
#09e51a rgb(9,229,26)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#729a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c125 Protanopia 1% of men
#efb845 Deuteranopia 1% of men
#6ccfde Tritanopia 0.001% of the population

Trichromacy

#90cb24 Protanomaly 1% of men, 0.01% of women
#9ec538 Deuteranomaly 6% of men, 0.4% of women
#4bd399 Tritanomaly 0.01% of the population

#12dc22 hex color

#12dc22 Color Information

#12dc22 Color Conversion

Color Schemes with #12dc22

Alternatives to #12dc22

#12dc22 Preview

Shades and Tints of #12dc22

Tones of #12dc22

Color Blindness Simulator