colorhexa.com

#22b20a hex color

In a RGB color space, hex #22b20a is composed of 13.3% red, 69.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 94.4% yellow and 30.2% black. It has a hue angle of 111.4 degrees, a saturation of 89.4% and a lightness of 36.9%. #22b20a color hex could be obtained by blending #44ff14 with #006500. Closest websafe color is: #339900.

- R 13
- G 70
- B 4
RGB color chart
- C 81
- M 0
- Y 94
- K 30
CMYK color chart

● #22b20a color description : Dark lime green.

The hexadecimal color #22b20a has RGB values of R:34, G:178, B:10 and CMYK values of C:0.81, M:0, Y:0.94, K:0.3. Its decimal value is 2273802.

Hex triplet	22b20a	`#22b20a`
RGB Decimal	34, 178, 10	`rgb(34,178,10)`
RGB Percent	13.3, 69.8, 3.9	`rgb(13.3%,69.8%,3.9%)`
CMYK	81, 0, 94, 30
HSL	111.4°, 89.4, 36.9	`hsl(111.4,89.4%,36.9%)`
HSV (or HSB)	111.4°, 94.4, 69.8
Web Safe	339900	`#339900`

CIE-LAB	63.509, -63.033, 62.592
XYZ	16.634, 32.201, 5.626
xyY	0.305, 0.591, 32.201
CIE-LCH	63.509, 88.831, 135.201
CIE-LUV	63.509, -56.989, 76.564
Hunter-Lab	56.746, -46.982, 33.844
Binary	00100010, 10110010, 00001010

#22b20a
```
#22b20a rgb(34,178,10)
```
#9a0ab2
```
#9a0ab2 rgb(154,10,178)
```

Complementary Color

#76b20a
```
#76b20a rgb(118,178,10)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#0ab246
```
#0ab246 rgb(10,178,70)
```

Analogous Color

#b20a76
```
#b20a76 rgb(178,10,118)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#460ab2
```
#460ab2 rgb(70,10,178)
```

Split Complementary Color

#b20a22
```
#b20a22 rgb(178,10,34)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#0a22b2
```
#0a22b2 rgb(10,34,178)
```

Triadic Color

#b29a0a
```
#b29a0a rgb(178,154,10)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#0a22b2
```
#0a22b2 rgb(10,34,178)
```
#9a0ab2
```
#9a0ab2 rgb(154,10,178)
```

Tetradic Color

#146a06
```
#146a06 rgb(20,106,6)
```
#198207
```
#198207 rgb(25,130,7)
```
#1d9a09
```
#1d9a09 rgb(29,154,9)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#27ca0b
```
#27ca0b rgb(39,202,11)
```
#2be20d
```
#2be20d rgb(43,226,13)
```
#36f217
```
#36f217 rgb(54,242,23)
```

Monochromatic Color

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

#4cb20a
```
#4cb20a rgb(76,178,10)
```
#3eb20a
```
#3eb20a rgb(62,178,10)
```
#30b20a
```
#30b20a rgb(48,178,10)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#14b20a
```
#14b20a rgb(20,178,10)
```
#0ab20e
```
#0ab20e rgb(10,178,14)
```
#0ab21c
```
#0ab21c rgb(10,178,28)
```

Similar Colors

Text with hexadecimal color #22b20a

This text has a font color of #22b20a.

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

#22b20a background color

This paragraph has a background color of #22b20a.

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

#22b20a border color

This element has a border color of #22b20a.

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

CSS codes

.text {color:#22b20a;}

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

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

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

#020b01
```
#020b01 rgb(2,11,1)
```
#061d02
```
#061d02 rgb(6,29,2)
```
#093003
```
#093003 rgb(9,48,3)
```
#0d4304
```
#0d4304 rgb(13,67,4)
```
#105505
```
#105505 rgb(16,85,5)
```
#146806
```
#146806 rgb(20,104,6)
```
#177a07
```
#177a07 rgb(23,122,7)
```
#1b8d08
```
#1b8d08 rgb(27,141,8)
```
#1e9f09
```
#1e9f09 rgb(30,159,9)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#26c50b
```
#26c50b rgb(38,197,11)
```
#29d70c
```
#29d70c rgb(41,215,12)
```
#2dea0d
```
#2dea0d rgb(45,234,13)
```

Shade Color Variation

#38f218
```
#38f218 rgb(56,242,24)
```
#48f32b
```
#48f32b rgb(72,243,43)
```
#58f43e
```
#58f43e rgb(88,244,62)
```
#68f550
```
#68f550 rgb(104,245,80)
```
#78f663
```
#78f663 rgb(120,246,99)
```
#88f775
```
#88f775 rgb(136,247,117)
```
#98f888
```
#98f888 rgb(152,248,136)
```
#a8f99a
```
#a8f99a rgb(168,249,154)
```
#b8faad
```
#b8faad rgb(184,250,173)
```
#c8fbc0
```
#c8fbc0 rgb(200,251,192)
```
#d8fcd2
```
#d8fcd2 rgb(216,252,210)
```
#e8fee5
```
#e8fee5 rgb(232,254,229)
```
#f8fff7
```
#f8fff7 rgb(248,255,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b625a is the less saturated color, while #1db903 is the most saturated one.

#5b625a
```
#5b625a rgb(91,98,90)
```
#566a52
```
#566a52 rgb(86,106,82)
```
#50714b
```
#50714b rgb(80,113,75)
```
#4b7844
```
#4b7844 rgb(75,120,68)
```
#467f3d
```
#467f3d rgb(70,127,61)
```
#418735
```
#418735 rgb(65,135,53)
```
#3c8e2e
```
#3c8e2e rgb(60,142,46)
```
#379527
```
#379527 rgb(55,149,39)
```
#319c20
```
#319c20 rgb(49,156,32)
```
#2ca418
```
#2ca418 rgb(44,164,24)
```
#27ab11
```
#27ab11 rgb(39,171,17)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#1db903
```
#1db903 rgb(29,185,3)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#64805f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b29f0a Protanopia 1% of men
#c59731 Deuteranopia 1% of men
#5fa9b6 Tritanopia 0.001% of the population

Trichromacy

#7da60a Protanomaly 1% of men, 0.01% of women
#8aa123 Deuteranomaly 6% of men, 0.4% of women
#48ac77 Tritanomaly 0.01% of the population