#22cc01 hex color

In a RGB color space, hex #22cc01 is composed of 13.3% red, 80% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 99.5% yellow and 20% black. It has a hue angle of 110.2 degrees, a saturation of 99% and a lightness of 40.2%. #22cc01 color hex could be obtained by blending #44ff02 with #009900. Closest websafe color is: #33cc00.

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

● #22cc01 color description : Strong lime green.

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

Hex triplet	22cc01	`#22cc01`
RGB Decimal	34, 204, 1	`rgb(34,204,1)`
RGB Percent	13.3, 80, 0.4	`rgb(13.3%,80%,0.4%)`
CMYK	83, 0, 100, 20
HSL	110.2°, 99, 40.2	`hsl(110.2,99%,40.2%)`
HSV (or HSB)	110.2°, 99.5, 80
Web Safe	33cc00	`#33cc00`

CIE-LAB	71.91, -70.738, 70.48
XYZ	22.257, 43.526, 7.257
xyY	0.305, 0.596, 43.526
CIE-LCH	71.91, 99.857, 135.105
CIE-LUV	71.91, -65.527, 87.648
Hunter-Lab	65.974, -55.236, 39.66
Binary	00100010, 11001100, 00000001

#22cc01
```
#22cc01 rgb(34,204,1)
```
#ab01cc
```
#ab01cc rgb(171,1,204)
```

Complementary Color

#88cc01
```
#88cc01 rgb(136,204,1)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#01cc46
```
#01cc46 rgb(1,204,70)
```

Analogous Color

#cc0188
```
#cc0188 rgb(204,1,136)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#4601cc
```
#4601cc rgb(70,1,204)
```

Split Complementary Color

#cc0122
```
#cc0122 rgb(204,1,34)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#0122cc
```
#0122cc rgb(1,34,204)
```

Triadic Color

#ccab01
```
#ccab01 rgb(204,171,1)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#0122cc
```
#0122cc rgb(1,34,204)
```
#ab01cc
```
#ab01cc rgb(171,1,204)
```

Tetradic Color

#158001
```
#158001 rgb(21,128,1)
```
#1a9901
```
#1a9901 rgb(26,153,1)
```
#1eb301
```
#1eb301 rgb(30,179,1)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#26e501
```
#26e501 rgb(38,229,1)
```
#2bfe02
```
#2bfe02 rgb(43,254,2)
```
#40fe1c
```
#40fe1c rgb(64,254,28)
```

Monochromatic Color

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

#55cc01
```
#55cc01 rgb(85,204,1)
```
#44cc01
```
#44cc01 rgb(68,204,1)
```
#33cc01
```
#33cc01 rgb(51,204,1)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#11cc01
```
#11cc01 rgb(17,204,1)
```
#01cc02
```
#01cc02 rgb(1,204,2)
```
#01cc13
```
#01cc13 rgb(1,204,19)
```

Similar Colors

Text with hexadecimal color #22cc01

This text has a font color of #22cc01.

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

#22cc01 background color

This paragraph has a background color of #22cc01.

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

#22cc01 border color

This element has a border color of #22cc01.

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

CSS codes

.text {color:#22cc01;}

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

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

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

#010900
```
#010900 rgb(1,9,0)
```
#051c00
```
#051c00 rgb(5,28,0)
```
#083000
```
#083000 rgb(8,48,0)
```
#0b4300
```
#0b4300 rgb(11,67,0)
```
#0e5700
```
#0e5700 rgb(14,87,0)
```
#126a01
```
#126a01 rgb(18,106,1)
```
#157e01
```
#157e01 rgb(21,126,1)
```
#189101
```
#189101 rgb(24,145,1)
```
#1ba501
```
#1ba501 rgb(27,165,1)
```
#1fb801
```
#1fb801 rgb(31,184,1)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```
#25e001
```
#25e001 rgb(37,224,1)
```
#29f301
```
#29f301 rgb(41,243,1)
```

Shade Color Variation

#32fe0a
```
#32fe0a rgb(50,254,10)
```
#42fe1e
```
#42fe1e rgb(66,254,30)
```
#52fe31
```
#52fe31 rgb(82,254,49)
```
#63fe45
```
#63fe45 rgb(99,254,69)
```
#73fe58
```
#73fe58 rgb(115,254,88)
```
#83fe6c
```
#83fe6c rgb(131,254,108)
```
#94fe7f
```
#94fe7f rgb(148,254,127)
```
#a4fe93
```
#a4fe93 rgb(164,254,147)
```
#b5ffa6
```
#b5ffa6 rgb(181,255,166)
```
#c5ffba
```
#c5ffba rgb(197,255,186)
```
#d5ffcd
```
#d5ffcd rgb(213,255,205)
```
#e6ffe1
```
#e6ffe1 rgb(230,255,225)
```
#f6fff4
```
#f6fff4 rgb(246,255,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626d60 is the less saturated color, while #22cc01 is the most saturated one.

#626d60
```
#626d60 rgb(98,109,96)
```
#5d7558
```
#5d7558 rgb(93,117,88)
```
#577d50
```
#577d50 rgb(87,125,80)
```
#528548
```
#528548 rgb(82,133,72)
```
#4d8d40
```
#4d8d40 rgb(77,141,64)
```
#479538
```
#479538 rgb(71,149,56)
```
#429d30
```
#429d30 rgb(66,157,48)
```
#3da528
```
#3da528 rgb(61,165,40)
```
#37ac21
```
#37ac21 rgb(55,172,33)
```
#32b419
```
#32b419 rgb(50,180,25)
```
#2dbc11
```
#2dbc11 rgb(45,188,17)
```
#27c409
```
#27c409 rgb(39,196,9)
```
#22cc01
```
#22cc01 rgb(34,204,1)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6f9168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab400 Protanopia 1% of men
#e0ab34 Deuteranopia 1% of men
#6ac0ce Tritanopia 0.001% of the population

Trichromacy

#8dbd00 Protanomaly 1% of men, 0.01% of women
#9bb721 Deuteranomaly 6% of men, 0.4% of women
#4fc484 Tritanomaly 0.01% of the population

#22cc01 hex color

#22cc01 Color Information

#22cc01 Color Conversion

Color Schemes with #22cc01

Alternatives to #22cc01

#22cc01 Preview

Shades and Tints of #22cc01

Tones of #22cc01

Color Blindness Simulator