colorhexa.com

#22c106 hex color

In a RGB color space, hex #22c106 is composed of 13.3% red, 75.7% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 0% magenta, 96.9% yellow and 24.3% black. It has a hue angle of 111 degrees, a saturation of 94% and a lightness of 39%. #22c106 color hex could be obtained by blending #44ff0c with #008300. Closest websafe color is: #33cc00.

- R 13
- G 76
- B 2
RGB color chart
- C 82
- M 0
- Y 97
- K 24
CMYK color chart

● #22c106 color description : Strong lime green.

The hexadecimal color #22c106 has RGB values of R:34, G:193, B:6 and CMYK values of C:0.82, M:0, Y:0.97, K:0.24. Its decimal value is 2277638.

Hex triplet	22c106	`#22c106`
RGB Decimal	34, 193, 6	`rgb(34,193,6)`
RGB Percent	13.3, 75.7, 2.4	`rgb(13.3%,75.7%,2.4%)`
CMYK	82, 0, 97, 24
HSL	111°, 94, 39	`hsl(111,94%,39%)`
HSV (or HSB)	111°, 96.9, 75.7
Web Safe	33cc00	`#33cc00`

CIE-LAB	68.381, -67.503, 67.078
XYZ	19.761, 38.491, 6.56
xyY	0.305, 0.594, 38.491
CIE-LCH	68.381, 95.164, 135.181
CIE-LUV	68.381, -61.948, 82.936
Hunter-Lab	62.041, -51.716, 37.159
Binary	00100010, 11000001, 00000110

#22c106
```
#22c106 rgb(34,193,6)
```
#a506c1
```
#a506c1 rgb(165,6,193)
```

Complementary Color

#80c106
```
#80c106 rgb(128,193,6)
```
#22c106
```
#22c106 rgb(34,193,6)
```
#06c148
```
#06c148 rgb(6,193,72)
```

Analogous Color

#c10680
```
#c10680 rgb(193,6,128)
```
#22c106
```
#22c106 rgb(34,193,6)
```
#4706c1
```
#4706c1 rgb(71,6,193)
```

Split Complementary Color

#157704
```
#157704 rgb(21,119,4)
```
#199004
```
#199004 rgb(25,144,4)
```
#1ea805
```
#1ea805 rgb(30,168,5)
```
#22c106
```
#22c106 rgb(34,193,6)
```
#26da07
```
#26da07 rgb(38,218,7)
```
#2bf208
```
#2bf208 rgb(43,242,8)
```
#3df81c
```
#3df81c rgb(61,248,28)
```

Monochromatic Color

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

#51c106
```
#51c106 rgb(81,193,6)
```
#41c106
```
#41c106 rgb(65,193,6)
```
#32c106
```
#32c106 rgb(50,193,6)
```
#22c106
```
#22c106 rgb(34,193,6)
```
#12c106
```
#12c106 rgb(18,193,6)
```
#06c109
```
#06c109 rgb(6,193,9)
```
#06c119
```
#06c119 rgb(6,193,25)
```

Similar Colors

Text with hexadecimal color #22c106

This text has a font color of #22c106.

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

#22c106 background color

This paragraph has a background color of #22c106.

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

#22c106 border color

This element has a border color of #22c106.

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

CSS codes

.text {color:#22c106;}

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

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

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

#000300
```
#000300 rgb(0,3,0)
```
#041601
```
#041601 rgb(4,22,1)
```
#072901
```
#072901 rgb(7,41,1)
```
#0b3c02
```
#0b3c02 rgb(11,60,2)
```
#0e4f02
```
#0e4f02 rgb(14,79,2)
```
#116203
```
#116203 rgb(17,98,3)
```
#157504
```
#157504 rgb(21,117,4)
```
#188804
```
#188804 rgb(24,136,4)
```
#1b9b05
```
#1b9b05 rgb(27,155,5)
```
#1fae05
```
#1fae05 rgb(31,174,5)
```
#22c106
```
#22c106 rgb(34,193,6)
```
#25d407
```
#25d407 rgb(37,212,7)
```
#29e707
```
#29e707 rgb(41,231,7)
```

Shade Color Variation

#2ef70a
```
#2ef70a rgb(46,247,10)
```
#3ef81d
```
#3ef81d rgb(62,248,29)
```
#4ef930
```
#4ef930 rgb(78,249,48)
```
#5ff944
```
#5ff944 rgb(95,249,68)
```
#6ffa57
```
#6ffa57 rgb(111,250,87)
```
#7ffa6a
```
#7ffa6a rgb(127,250,106)
```
#90fb7d
```
#90fb7d rgb(144,251,125)
```
#a0fc90
```
#a0fc90 rgb(160,252,144)
```
#b0fca3
```
#b0fca3 rgb(176,252,163)
```
#c0fdb6
```
#c0fdb6 rgb(192,253,182)
```
#d1fdc9
```
#d1fdc9 rgb(209,253,201)
```
#e1fedc
```
#e1fedc rgb(225,254,220)
```
#f1feef
```
#f1feef rgb(241,254,239)
```

Tint Color Variation

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

#626562
```
#626562 rgb(98,101,98)
```
#5d6d5a
```
#5d6d5a rgb(93,109,90)
```
#587453
```
#587453 rgb(88,116,83)
```
#527c4b
```
#527c4b rgb(82,124,75)
```
#4d8443
```
#4d8443 rgb(77,132,67)
```
#488b3c
```
#488b3c rgb(72,139,60)
```
#429334
```
#429334 rgb(66,147,52)
```
#3d9b2c
```
#3d9b2c rgb(61,155,44)
```
#37a225
```
#37a225 rgb(55,162,37)
```
#32aa1d
```
#32aa1d rgb(50,170,29)
```
#2db215
```
#2db215 rgb(45,178,21)
```
#27b90e
```
#27b90e rgb(39,185,14)
```
#22c106
```
#22c106 rgb(34,193,6)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6a8a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ab00 Protanopia 1% of men
#d5a333 Deuteranopia 1% of men
#65b7c4 Tritanopia 0.001% of the population

Trichromacy

#86b302 Protanomaly 1% of men, 0.01% of women
#93ae23 Deuteranomaly 6% of men, 0.4% of women
#4cba7f Tritanomaly 0.01% of the population