colorhexa.com

#22b020 hex color

In a RGB color space, hex #22b020 is composed of 13.3% red, 69% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 81.8% yellow and 31% black. It has a hue angle of 119.2 degrees, a saturation of 69.2% and a lightness of 40.8%. #22b020 color hex could be obtained by blending #44ff40 with #006100. Closest websafe color is: #339933.

- R 13
- G 69
- B 13
RGB color chart
- C 81
- M 0
- Y 82
- K 31
CMYK color chart

● #22b020 color description : Dark lime green.

The hexadecimal color #22b020 has RGB values of R:34, G:176, B:32 and CMYK values of C:0.81, M:0, Y:0.82, K:0.31. Its decimal value is 2273312.

Hex triplet	22b020	`#22b020`
RGB Decimal	34, 176, 32	`rgb(34,176,32)`
RGB Percent	13.3, 69, 12.5	`rgb(13.3%,69%,12.5%)`
CMYK	81, 0, 82, 31
HSL	119.2°, 69.2, 40.8	`hsl(119.2,69.2%,40.8%)`
HSV (or HSB)	119.2°, 81.8, 69
Web Safe	339933	`#339933`

CIE-LAB	62.922, -61.568, 57.593
XYZ	16.445, 31.493, 6.579
xyY	0.302, 0.578, 31.493
CIE-LCH	62.922, 84.307, 136.911
CIE-LUV	62.922, -56.033, 72.784
Hunter-Lab	56.119, -45.901, 32.333
Binary	00100010, 10110000, 00100000

#22b020
```
#22b020 rgb(34,176,32)
```
#ae20b0
```
#ae20b0 rgb(174,32,176)
```

Complementary Color

#6ab020
```
#6ab020 rgb(106,176,32)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#20b066
```
#20b066 rgb(32,176,102)
```

Analogous Color

#b0206a
```
#b0206a rgb(176,32,106)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#6620b0
```
#6620b0 rgb(102,32,176)
```

Split Complementary Color

#b02022
```
#b02022 rgb(176,32,34)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#2022b0
```
#2022b0 rgb(32,34,176)
```

Triadic Color

#b0ae20
```
#b0ae20 rgb(176,174,32)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#2022b0
```
#2022b0 rgb(32,34,176)
```
#ae20b0
```
#ae20b0 rgb(174,32,176)
```

Tetradic Color

#156f14
```
#156f14 rgb(21,111,20)
```
#1a8518
```
#1a8518 rgb(26,133,24)
```
#1e9a1c
```
#1e9a1c rgb(30,154,28)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#26c624
```
#26c624 rgb(38,198,36)
```
#2dd82b
```
#2dd82b rgb(45,216,43)
```
#42dc40
```
#42dc40 rgb(66,220,64)
```

Monochromatic Color

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

#46b020
```
#46b020 rgb(70,176,32)
```
#3ab020
```
#3ab020 rgb(58,176,32)
```
#2eb020
```
#2eb020 rgb(46,176,32)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#20b02a
```
#20b02a rgb(32,176,42)
```
#20b036
```
#20b036 rgb(32,176,54)
```
#20b042
```
#20b042 rgb(32,176,66)
```

Similar Colors

Text with hexadecimal color #22b020

This text has a font color of #22b020.

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

#22b020 background color

This paragraph has a background color of #22b020.

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

#22b020 border color

This element has a border color of #22b020.

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

CSS codes

.text {color:#22b020;}

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

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

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, #020a02 is the darkest color, while #f9fef8 is the lightest one.

#020a02
```
#020a02 rgb(2,10,2)
```
#051b05
```
#051b05 rgb(5,27,5)
```
#082b08
```
#082b08 rgb(8,43,8)
```
#0c3c0b
```
#0c3c0b rgb(12,60,11)
```
#0f4c0e
```
#0f4c0e rgb(15,76,14)
```
#125d11
```
#125d11 rgb(18,93,17)
```
#156e14
```
#156e14 rgb(21,110,20)
```
#187e17
```
#187e17 rgb(24,126,23)
```
#1c8f1a
```
#1c8f1a rgb(28,143,26)
```
#1f9f1d
```
#1f9f1d rgb(31,159,29)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#25c123
```
#25c123 rgb(37,193,35)
```
#28d126
```
#28d126 rgb(40,209,38)
```

Shade Color Variation

#34da31
```
#34da31 rgb(52,218,49)
```
#44dd42
```
#44dd42 rgb(68,221,66)
```
#54e052
```
#54e052 rgb(84,224,82)
```
#65e363
```
#65e363 rgb(101,227,99)
```
#75e674
```
#75e674 rgb(117,230,116)
```
#86e984
```
#86e984 rgb(134,233,132)
```
#96ec95
```
#96ec95 rgb(150,236,149)
```
#a6efa5
```
#a6efa5 rgb(166,239,165)
```
#b7f2b6
```
#b7f2b6 rgb(183,242,182)
```
#c7f5c7
```
#c7f5c7 rgb(199,245,199)
```
#d8f8d7
```
#d8f8d7 rgb(216,248,215)
```
#e8fbe8
```
#e8fbe8 rgb(232,251,232)
```
#f9fef8
```
#f9fef8 rgb(249,254,248)
```

Tint Color Variation

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

#607060
```
#607060 rgb(96,112,96)
```
#587858
```
#587858 rgb(88,120,88)
```
#518050
```
#518050 rgb(81,128,80)
```
#498848
```
#498848 rgb(73,136,72)
```
#419040
```
#419040 rgb(65,144,64)
```
#399838
```
#399838 rgb(57,152,56)
```
#32a030
```
#32a030 rgb(50,160,48)
```
#2aa828
```
#2aa828 rgb(42,168,40)
```
#22b020
```
#22b020 rgb(34,176,32)
```
#1ab818
```
#1ab818 rgb(26,184,24)
```
#12c010
```
#12c010 rgb(18,192,16)
```
#0bc808
```
#0bc808 rgb(11,200,8)
```
#03d000
```
#03d000 rgb(3,208,0)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#648164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d25 Protanopia 1% of men
#c2963c Deuteranopia 1% of men
#5da8b4 Tritanopia 0.001% of the population

Trichromacy

#7ca423 Protanomaly 1% of men, 0.01% of women
#889f32 Deuteranomaly 6% of men, 0.4% of women
#47ab7e Tritanomaly 0.01% of the population