#22dc12 hex color

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

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

● #22dc12 color description : Vivid lime green.

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

Hex triplet	22dc12	`#22dc12`
RGB Decimal	34, 220, 18	`rgb(34,220,18)`
RGB Percent	13.3, 86.3, 7.1	`rgb(13.3%,86.3%,7.1%)`
CMYK	85, 0, 92, 14
HSL	115.2°, 84.9, 46.7	`hsl(115.2,84.9%,46.7%)`
HSV (or HSB)	115.2°, 91.8, 86.3
Web Safe	33cc00	`#33cc00`

CIE-LAB	77.021, -74.886, 72.822
XYZ	26.361, 51.567, 9.136
xyY	0.303, 0.592, 51.567
CIE-LCH	77.021, 104.456, 135.8
CIE-LUV	77.021, -70.473, 92.784
Hunter-Lab	71.81, -60.143, 42.724
Binary	00100010, 11011100, 00010010

#22dc12
```
#22dc12 rgb(34,220,18)
```
#cc12dc
```
#cc12dc rgb(204,18,220)
```

Complementary Color

#87dc12
```
#87dc12 rgb(135,220,18)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#12dc67
```
#12dc67 rgb(18,220,103)
```

Analogous Color

#dc1287
```
#dc1287 rgb(220,18,135)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#6712dc
```
#6712dc rgb(103,18,220)
```

Split Complementary Color

#dc1222
```
#dc1222 rgb(220,18,34)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#1222dc
```
#1222dc rgb(18,34,220)
```

Triadic Color

#dccc12
```
#dccc12 rgb(220,204,18)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#1222dc
```
#1222dc rgb(18,34,220)
```
#cc12dc
```
#cc12dc rgb(204,18,220)
```

Tetradic Color

#17950c
```
#17950c rgb(23,149,12)
```
#1bad0e
```
#1bad0e rgb(27,173,14)
```
#1ec410
```
#1ec410 rgb(30,196,16)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#2cec1b
```
#2cec1b rgb(44,236,27)
```
#42ee33
```
#42ee33 rgb(66,238,51)
```
#57f04a
```
#57f04a rgb(87,240,74)
```

Monochromatic Color

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

#54dc12
```
#54dc12 rgb(84,220,18)
```
#44dc12
```
#44dc12 rgb(68,220,18)
```
#33dc12
```
#33dc12 rgb(51,220,18)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#12dc13
```
#12dc13 rgb(18,220,19)
```
#12dc24
```
#12dc24 rgb(18,220,36)
```
#12dc35
```
#12dc35 rgb(18,220,53)
```

Similar Colors

Text with hexadecimal color #22dc12

This text has a font color of #22dc12.

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

#22dc12 background color

This paragraph has a background color of #22dc12.

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

#22dc12 border color

This element has a border color of #22dc12.

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

CSS codes

.text {color:#22dc12;}

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

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

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 #f0feef is the lightest one.

#000200
```
#000200 rgb(0,2,0)
```
#031502
```
#031502 rgb(3,21,2)
```
#062703
```
#062703 rgb(6,39,3)
```
#093905
```
#093905 rgb(9,57,5)
```
#0c4b06
```
#0c4b06 rgb(12,75,6)
```
#0e5d08
```
#0e5d08 rgb(14,93,8)
```
#116f09
```
#116f09 rgb(17,111,9)
```
#14810b
```
#14810b rgb(20,129,11)
```
#17930c
```
#17930c rgb(23,147,12)
```
#1aa60e
```
#1aa60e rgb(26,166,14)
```
#1cb80f
```
#1cb80f rgb(28,184,15)
```
#1fca11
```
#1fca11 rgb(31,202,17)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```

Shade Color Variation

#27ec16
```
#27ec16 rgb(39,236,22)
```
#37ed28
```
#37ed28 rgb(55,237,40)
```
#48ef3a
```
#48ef3a rgb(72,239,58)
```
#59f04c
```
#59f04c rgb(89,240,76)
```
#6af25e
```
#6af25e rgb(106,242,94)
```
#7bf370
```
#7bf370 rgb(123,243,112)
```
#8cf582
```
#8cf582 rgb(140,245,130)
```
#9cf695
```
#9cf695 rgb(156,246,149)
```
#adf8a7
```
#adf8a7 rgb(173,248,167)
```
#bef9b9
```
#bef9b9 rgb(190,249,185)
```
#cffbcb
```
#cffbcb rgb(207,251,203)
```
#e0fcdd
```
#e0fcdd rgb(224,252,221)
```
#f0feef
```
#f0feef rgb(240,254,239)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6f806e
```
#6f806e rgb(111,128,110)
```
#678a64
```
#678a64 rgb(103,138,100)
```
#60935b
```
#60935b rgb(96,147,91)
```
#589c52
```
#589c52 rgb(88,156,82)
```
#50a549
```
#50a549 rgb(80,165,73)
```
#49ae40
```
#49ae40 rgb(73,174,64)
```
#41b737
```
#41b737 rgb(65,183,55)
```
#39c12d
```
#39c12d rgb(57,193,45)
```
#31ca24
```
#31ca24 rgb(49,202,36)
```
#2ad31b
```
#2ad31b rgb(42,211,27)
```
#22dc12
```
#22dc12 rgb(34,220,18)
```
#1ae509
```
#1ae509 rgb(26,229,9)
```

Tone Color Variation

Below, you can see how #22dc12 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

#8d8d8d Achromatopsia 0.005% of the population
#789d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c111 Protanopia 1% of men
#f0b83d Deuteranopia 1% of men
#70cfde Tritanopia 0.001% of the population

Trichromacy

#96cb11 Protanomaly 1% of men, 0.01% of women
#a5c52d Deuteranomaly 6% of men, 0.4% of women
#54d393 Tritanomaly 0.01% of the population

#22dc12 hex color

#22dc12 Color Information

#22dc12 Color Conversion

Color Schemes with #22dc12

Alternatives to #22dc12

#22dc12 Preview

Shades and Tints of #22dc12

Tones of #22dc12

Color Blindness Simulator