colorhexa.com

#22c120 hex color

In a RGB color space, hex #22c120 is composed of 13.3% red, 75.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 0% magenta, 83.4% yellow and 24.3% black. It has a hue angle of 119.3 degrees, a saturation of 71.6% and a lightness of 44.1%. #22c120 color hex could be obtained by blending #44ff40 with #008300. Closest websafe color is: #33cc33.

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

● #22c120 color description : Strong lime green.

The hexadecimal color #22c120 has RGB values of R:34, G:193, B:32 and CMYK values of C:0.82, M:0, Y:0.83, K:0.24. Its decimal value is 2277664.

Hex triplet	22c120	`#22c120`
RGB Decimal	34, 193, 32	`rgb(34,193,32)`
RGB Percent	13.3, 75.7, 12.5	`rgb(13.3%,75.7%,12.5%)`
CMYK	82, 0, 83, 24
HSL	119.3°, 71.6, 44.1	`hsl(119.3,71.6%,44.1%)`
HSV (or HSB)	119.3°, 83.4, 75.7
Web Safe	33cc33	`#33cc33`

CIE-LAB	68.447, -66.656, 62.678
XYZ	19.989, 38.582, 7.76
xyY	0.301, 0.582, 38.582
CIE-LCH	68.447, 91.496, 136.762
CIE-LUV	68.447, -61.657, 80.017
Hunter-Lab	62.115, -51.257, 36.073
Binary	00100010, 11000001, 00100000

#22c120
```
#22c120 rgb(34,193,32)
```
#bf20c1
```
#bf20c1 rgb(191,32,193)
```

Complementary Color

#73c120
```
#73c120 rgb(115,193,32)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#20c16f
```
#20c16f rgb(32,193,111)
```

Analogous Color

#c12073
```
#c12073 rgb(193,32,115)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#6f20c1
```
#6f20c1 rgb(111,32,193)
```

Split Complementary Color

#c12022
```
#c12022 rgb(193,32,34)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#2022c1
```
#2022c1 rgb(32,34,193)
```

Triadic Color

#c1bf20
```
#c1bf20 rgb(193,191,32)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#2022c1
```
#2022c1 rgb(32,34,193)
```
#bf20c1
```
#bf20c1 rgb(191,32,193)
```

Tetradic Color

#167f15
```
#167f15 rgb(22,127,21)
```
#1a9519
```
#1a9519 rgb(26,149,25)
```
#1eab1c
```
#1eab1c rgb(30,171,28)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#26d724
```
#26d724 rgb(38,215,36)
```
#38de36
```
#38de36 rgb(56,222,54)
```
#4ee14c
```
#4ee14c rgb(78,225,76)
```

Monochromatic Color

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

#4ac120
```
#4ac120 rgb(74,193,32)
```
#3dc120
```
#3dc120 rgb(61,193,32)
```
#2fc120
```
#2fc120 rgb(47,193,32)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#20c12b
```
#20c12b rgb(32,193,43)
```
#20c139
```
#20c139 rgb(32,193,57)
```
#20c146
```
#20c146 rgb(32,193,70)
```

Similar Colors

Text with hexadecimal color #22c120

This text has a font color of #22c120.

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

#22c120 background color

This paragraph has a background color of #22c120.

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

#22c120 border color

This element has a border color of #22c120.

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

CSS codes

.text {color:#22c120;}

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

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

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

#010801
```
#010801 rgb(1,8,1)
```
#041904
```
#041904 rgb(4,25,4)
```
#072a07
```
#072a07 rgb(7,42,7)
```
#0a3a0a
```
#0a3a0a rgb(10,58,10)
```
#0d4b0c
```
#0d4b0c rgb(13,75,12)
```
#105c0f
```
#105c0f rgb(16,92,15)
```
#136d12
```
#136d12 rgb(19,109,18)
```
#167e15
```
#167e15 rgb(22,126,21)
```
#198f18
```
#198f18 rgb(25,143,24)
```
#1c9f1a
```
#1c9f1a rgb(28,159,26)
```
#1fb01d
```
#1fb01d rgb(31,176,29)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#25d223
```
#25d223 rgb(37,210,35)
```

Shade Color Variation

#2edc2c
```
#2edc2c rgb(46,220,44)
```
#3fdf3d
```
#3fdf3d rgb(63,223,61)
```
#50e24e
```
#50e24e rgb(80,226,78)
```
#60e45f
```
#60e45f rgb(96,228,95)
```
#71e76f
```
#71e76f rgb(113,231,111)
```
#82ea80
```
#82ea80 rgb(130,234,128)
```
#92ed91
```
#92ed91 rgb(146,237,145)
```
#a3f0a2
```
#a3f0a2 rgb(163,240,162)
```
#b4f2b3
```
#b4f2b3 rgb(180,242,179)
```
#c4f5c4
```
#c4f5c4 rgb(196,245,196)
```
#d5f8d4
```
#d5f8d4 rgb(213,248,212)
```
#e6fbe5
```
#e6fbe5 rgb(230,251,229)
```
#f6fef6
```
#f6fef6 rgb(246,254,246)
```

Tint Color Variation

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

#6e736e
```
#6e736e rgb(110,115,110)
```
#667c65
```
#667c65 rgb(102,124,101)
```
#5d845d
```
#5d845d rgb(93,132,93)
```
#558d54
```
#558d54 rgb(85,141,84)
```
#4c964b
```
#4c964b rgb(76,150,75)
```
#449e43
```
#449e43 rgb(68,158,67)
```
#3ba73a
```
#3ba73a rgb(59,167,58)
```
#33b031
```
#33b031 rgb(51,176,49)
```
#2ab829
```
#2ab829 rgb(42,184,41)
```
#22c120
```
#22c120 rgb(34,193,32)
```
#1aca17
```
#1aca17 rgb(26,202,23)
```
#11d20f
```
#11d20f rgb(17,210,15)
```
#09db06
```
#09db06 rgb(9,219,6)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6c8c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ab24 Protanopia 1% of men
#d4a33f Deuteranopia 1% of men
#64b7c4 Tritanopia 0.001% of the population

Trichromacy

#86b323 Protanomaly 1% of men, 0.01% of women
#93ae34 Deuteranomaly 6% of men, 0.4% of women
#4cba88 Tritanomaly 0.01% of the population