#22b018 hex color

In a RGB color space, hex #22b018 is composed of 13.3% red, 69% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 86.4% yellow and 31% black. It has a hue angle of 116.1 degrees, a saturation of 76% and a lightness of 39.2%. #22b018 color hex could be obtained by blending #44ff30 with #006100. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 13
- G 69
- B 9
RGB color chart
- C 81
- M 0
- Y 86
- K 31
CMYK color chart

● #22b018 color description : Dark lime green.

The hexadecimal color #22b018 has RGB values of R:34, G:176, B:24 and CMYK values of C:0.81, M:0, Y:0.86, K:0.31. Its decimal value is 2273304.

Hex triplet	22b018	`#22b018`
RGB Decimal	34, 176, 24	`rgb(34,176,24)`
RGB Percent	13.3, 69, 9.4	`rgb(13.3%,69%,9.4%)`
CMYK	81, 0, 86, 31
HSL	116.1°, 76, 39.2	`hsl(116.1,76%,39.2%)`
HSV (or HSB)	116.1°, 86.4, 69
Web Safe	339900	`#339900`

CIE-LAB	62.89, -61.972, 59.598
XYZ	16.349, 31.455, 6.074
xyY	0.303, 0.584, 31.455
CIE-LCH	62.89, 85.98, 136.119
CIE-LUV	62.89, -56.167, 74.156
Hunter-Lab	56.085, -46.115, 32.838
Binary	00100010, 10110000, 00011000

#22b018
```
#22b018 rgb(34,176,24)
```
#a618b0
```
#a618b0 rgb(166,24,176)
```

Complementary Color

#6eb018
```
#6eb018 rgb(110,176,24)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#18b05a
```
#18b05a rgb(24,176,90)
```

Analogous Color

#b0186e
```
#b0186e rgb(176,24,110)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#5a18b0
```
#5a18b0 rgb(90,24,176)
```

Split Complementary Color

#b01822
```
#b01822 rgb(176,24,34)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#1822b0
```
#1822b0 rgb(24,34,176)
```

Triadic Color

#b0a618
```
#b0a618 rgb(176,166,24)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#1822b0
```
#1822b0 rgb(24,34,176)
```
#a618b0
```
#a618b0 rgb(166,24,176)
```

Tetradic Color

#156d0f
```
#156d0f rgb(21,109,15)
```
#198312
```
#198312 rgb(25,131,18)
```
#1e9a15
```
#1e9a15 rgb(30,154,21)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#26c61b
```
#26c61b rgb(38,198,27)
```
#2bdd1e
```
#2bdd1e rgb(43,221,30)
```
#3de332
```
#3de332 rgb(61,227,50)
```

Monochromatic Color

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

#48b018
```
#48b018 rgb(72,176,24)
```
#3bb018
```
#3bb018 rgb(59,176,24)
```
#2fb018
```
#2fb018 rgb(47,176,24)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#18b01b
```
#18b01b rgb(24,176,27)
```
#18b027
```
#18b027 rgb(24,176,39)
```
#18b034
```
#18b034 rgb(24,176,52)
```

Similar Colors

Text with hexadecimal color #22b018

This text has a font color of #22b018.

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

#22b018 background color

This paragraph has a background color of #22b018.

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

#22b018 border color

This element has a border color of #22b018.

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

CSS codes

.text {color:#22b018;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#041503
```
#041503 rgb(4,21,3)
```
#072605
```
#072605 rgb(7,38,5)
```
#0b3708
```
#0b3708 rgb(11,55,8)
```
#0e480a
```
#0e480a rgb(14,72,10)
```
#115a0c
```
#115a0c rgb(17,90,12)
```
#156b0f
```
#156b0f rgb(21,107,15)
```
#187c11
```
#187c11 rgb(24,124,17)
```
#1b8d13
```
#1b8d13 rgb(27,141,19)
```
#1f9f16
```
#1f9f16 rgb(31,159,22)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#25c11a
```
#25c11a rgb(37,193,26)
```
#29d31d
```
#29d31d rgb(41,211,29)
```

Shade Color Variation

#2fe122
```
#2fe122 rgb(47,225,34)
```
#3fe333
```
#3fe333 rgb(63,227,51)
```
#4fe645
```
#4fe645 rgb(79,230,69)
```
#5fe856
```
#5fe856 rgb(95,232,86)
```
#70ea67
```
#70ea67 rgb(112,234,103)
```
#80ed78
```
#80ed78 rgb(128,237,120)
```
#90ef8a
```
#90ef8a rgb(144,239,138)
```
#a1f19b
```
#a1f19b rgb(161,241,155)
```
#b1f4ac
```
#b1f4ac rgb(177,244,172)
```
#c1f6bd
```
#c1f6bd rgb(193,246,189)
```
#d1f8cf
```
#d1f8cf rgb(209,248,207)
```
#e2fbe0
```
#e2fbe0 rgb(226,251,224)
```
#f2fdf1
```
#f2fdf1 rgb(242,253,241)
```

Tint Color Variation

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

#5e6b5d
```
#5e6b5d rgb(94,107,93)
```
#577256
```
#577256 rgb(87,114,86)
```
#517a4e
```
#517a4e rgb(81,122,78)
```
#4a8246
```
#4a8246 rgb(74,130,70)
```
#438a3e
```
#438a3e rgb(67,138,62)
```
#3d9137
```
#3d9137 rgb(61,145,55)
```
#36992f
```
#36992f rgb(54,153,47)
```
#2fa127
```
#2fa127 rgb(47,161,39)
```
#29a820
```
#29a820 rgb(41,168,32)
```
#22b018
```
#22b018 rgb(34,176,24)
```
#1bb810
```
#1bb810 rgb(27,184,16)
```
#15bf09
```
#15bf09 rgb(21,191,9)
```
#0ec701
```
#0ec701 rgb(14,199,1)
```

Tone Color Variation

Below, you can see how #22b018 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
#648062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d1d Protanopia 1% of men
#c39637 Deuteranopia 1% of men
#5da8b4 Tritanopia 0.001% of the population

Trichromacy

#7ca41b Protanomaly 1% of men, 0.01% of women
#889f2c Deuteranomaly 6% of men, 0.4% of women
#48ab7b Tritanomaly 0.01% of the population

#22b018 hex color

#22b018 Color Information

#22b018 Color Conversion

Color Schemes with #22b018

Alternatives to #22b018

#22b018 Preview

Shades and Tints of #22b018

Tones of #22b018

Color Blindness Simulator