#22cc12 hex color

In a RGB color space, hex #22cc12 is composed of 13.3% red, 80% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 91.2% yellow and 20% black. It has a hue angle of 114.8 degrees, a saturation of 83.8% and a lightness of 43.5%. #22cc12 color hex could be obtained by blending #44ff24 with #009900. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 13
- G 80
- B 7
RGB color chart
- C 83
- M 0
- Y 91
- K 20
CMYK color chart

● #22cc12 color description : Strong lime green.

The hexadecimal color #22cc12 has RGB values of R:34, G:204, B:18 and CMYK values of C:0.83, M:0, Y:0.91, K:0.2. Its decimal value is 2280466.

Hex triplet	22cc12	`#22cc12`
RGB Decimal	34, 204, 18	`rgb(34,204,18)`
RGB Percent	13.3, 80, 7.1	`rgb(13.3%,80%,7.1%)`
CMYK	83, 0, 91, 20
HSL	114.8°, 83.8, 43.5	`hsl(114.8,83.8%,43.5%)`
HSV (or HSB)	114.8°, 91.2, 80
Web Safe	33cc00	`#33cc00`

CIE-LAB	71.938, -70.381, 68.544
XYZ	22.36, 43.567, 7.803
xyY	0.303, 0.591, 43.567
CIE-LCH	71.938, 98.243, 135.758
CIE-LUV	71.938, -65.401, 86.405
Hunter-Lab	66.005, -55.039, 39.195
Binary	00100010, 11001100, 00010010

#22cc12
```
#22cc12 rgb(34,204,18)
```
#bc12cc
```
#bc12cc rgb(188,18,204)
```

Complementary Color

#7fcc12
```
#7fcc12 rgb(127,204,18)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#12cc5f
```
#12cc5f rgb(18,204,95)
```

Analogous Color

#cc127f
```
#cc127f rgb(204,18,127)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#5f12cc
```
#5f12cc rgb(95,18,204)
```

Split Complementary Color

#cc1222
```
#cc1222 rgb(204,18,34)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#1222cc
```
#1222cc rgb(18,34,204)
```

Triadic Color

#ccbc12
```
#ccbc12 rgb(204,188,18)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#1222cc
```
#1222cc rgb(18,34,204)
```
#bc12cc
```
#bc12cc rgb(188,18,204)
```

Tetradic Color

#16860c
```
#16860c rgb(22,134,12)
```
#1a9d0e
```
#1a9d0e rgb(26,157,14)
```
#1eb510
```
#1eb510 rgb(30,181,16)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#26e314
```
#26e314 rgb(38,227,20)
```
#36ec25
```
#36ec25 rgb(54,236,37)
```
#4cee3d
```
#4cee3d rgb(76,238,61)
```

Monochromatic Color

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

#51cc12
```
#51cc12 rgb(81,204,18)
```
#41cc12
```
#41cc12 rgb(65,204,18)
```
#32cc12
```
#32cc12 rgb(50,204,18)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#13cc12
```
#13cc12 rgb(19,204,18)
```
#12cc21
```
#12cc21 rgb(18,204,33)
```
#12cc30
```
#12cc30 rgb(18,204,48)
```

Similar Colors

Text with hexadecimal color #22cc12

This text has a font color of #22cc12.

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

#22cc12 background color

This paragraph has a background color of #22cc12.

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

#22cc12 border color

This element has a border color of #22cc12.

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

CSS codes

.text {color:#22cc12;}

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

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

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

#010601
```
#010601 rgb(1,6,1)
```
#041802
```
#041802 rgb(4,24,2)
```
#072a04
```
#072a04 rgb(7,42,4)
```
#0a3c05
```
#0a3c05 rgb(10,60,5)
```
#0d4e07
```
#0d4e07 rgb(13,78,7)
```
#106008
```
#106008 rgb(16,96,8)
```
#13720a
```
#13720a rgb(19,114,10)
```
#16840c
```
#16840c rgb(22,132,12)
```
#19960d
```
#19960d rgb(25,150,13)
```
#1ca80f
```
#1ca80f rgb(28,168,15)
```
#1fba10
```
#1fba10 rgb(31,186,16)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#25de14
```
#25de14 rgb(37,222,20)
```

Shade Color Variation

#2ceb1a
```
#2ceb1a rgb(44,235,26)
```
#3dec2c
```
#3dec2c rgb(61,236,44)
```
#4eee3e
```
#4eee3e rgb(78,238,62)
```
#5ef050
```
#5ef050 rgb(94,240,80)
```
#6ff163
```
#6ff163 rgb(111,241,99)
```
#7ff375
```
#7ff375 rgb(127,243,117)
```
#90f487
```
#90f487 rgb(144,244,135)
```
#a1f699
```
#a1f699 rgb(161,246,153)
```
#b1f8ab
```
#b1f8ab rgb(177,248,171)
```
#c2f9bd
```
#c2f9bd rgb(194,249,189)
```
#d2fbcf
```
#d2fbcf rgb(210,251,207)
```
#e3fce1
```
#e3fce1 rgb(227,252,225)
```
#f4fef3
```
#f4fef3 rgb(244,254,243)
```

Tint Color Variation

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

#697767
```
#697767 rgb(105,119,103)
```
#627f5f
```
#627f5f rgb(98,127,95)
```
#5b8856
```
#5b8856 rgb(91,136,86)
```
#53904e
```
#53904e rgb(83,144,78)
```
#4c9945
```
#4c9945 rgb(76,153,69)
```
#45a13d
```
#45a13d rgb(69,161,61)
```
#3eaa34
```
#3eaa34 rgb(62,170,52)
```
#37b22c
```
#37b22c rgb(55,178,44)
```
#30bb23
```
#30bb23 rgb(48,187,35)
```
#29c31b
```
#29c31b rgb(41,195,27)
```
#22cc12
```
#22cc12 rgb(34,204,18)
```
#1bd509
```
#1bd509 rgb(27,213,9)
```
#14dd01
```
#14dd01 rgb(20,221,1)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#70926d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab414 Protanopia 1% of men
#e0ab3a Deuteranopia 1% of men
#69c0ce Tritanopia 0.001% of the population

Trichromacy

#8dbd13 Protanomaly 1% of men, 0.01% of women
#9ab72b Deuteranomaly 6% of men, 0.4% of women
#4fc48a Tritanomaly 0.01% of the population

#22cc12 hex color

#22cc12 Color Information

#22cc12 Color Conversion

Color Schemes with #22cc12

Alternatives to #22cc12

#22cc12 Preview

Shades and Tints of #22cc12

Tones of #22cc12

Color Blindness Simulator