#22af00 hex color

In a RGB color space, hex #22af00 is composed of 13.3% red, 68.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 100% yellow and 31.4% black. It has a hue angle of 108.3 degrees, a saturation of 100% and a lightness of 34.3%. #22af00 color hex could be obtained by blending #44ff00 with #005f00. Closest websafe color is: #339900.

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

● #22af00 color description : Dark lime green.

The hexadecimal color #22af00 has RGB values of R:34, G:175, B:0 and CMYK values of C:0.81, M:0, Y:1, K:0.31. Its decimal value is 2273024.

Hex triplet	22af00	`#22af00`
RGB Decimal	34, 175, 0	`rgb(34,175,0)`
RGB Percent	13.3, 68.6, 0	`rgb(13.3%,68.6%,0%)`
CMYK	81, 0, 100, 31
HSL	108.3°, 100, 34.3	`hsl(108.3,100%,34.3%)`
HSV (or HSB)	108.3°, 100, 68.6
Web Safe	339900	`#339900`

CIE-LAB	62.506, -62.376, 63.071
XYZ	15.989, 30.998, 5.141
xyY	0.307, 0.595, 30.998
CIE-LCH	62.506, 88.706, 134.683
CIE-LUV	62.506, -56.066, 76.136
Hunter-Lab	55.676, -46.172, 33.499
Binary	00100010, 10101111, 00000000

#22af00
```
#22af00 rgb(34,175,0)
```
#8d00af
```
#8d00af rgb(141,0,175)
```

Complementary Color

#7aaf00
```
#7aaf00 rgb(122,175,0)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#00af36
```
#00af36 rgb(0,175,54)
```

Analogous Color

#af007a
```
#af007a rgb(175,0,122)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#3600af
```
#3600af rgb(54,0,175)
```

Split Complementary Color

#af0022
```
#af0022 rgb(175,0,34)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#0022af
```
#0022af rgb(0,34,175)
```

Triadic Color

#af8d00
```
#af8d00 rgb(175,141,0)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#0022af
```
#0022af rgb(0,34,175)
```
#8d00af
```
#8d00af rgb(141,0,175)
```

Tetradic Color

#136300
```
#136300 rgb(19,99,0)
```
#187c00
```
#187c00 rgb(24,124,0)
```
#1d9600
```
#1d9600 rgb(29,150,0)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#27c900
```
#27c900 rgb(39,201,0)
```
#2ce200
```
#2ce200 rgb(44,226,0)
```
#31fc00
```
#31fc00 rgb(49,252,0)
```

Monochromatic Color

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

#4eaf00
```
#4eaf00 rgb(78,175,0)
```
#3faf00
```
#3faf00 rgb(63,175,0)
```
#31af00
```
#31af00 rgb(49,175,0)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#13af00
```
#13af00 rgb(19,175,0)
```
#05af00
```
#05af00 rgb(5,175,0)
```
#00af0a
```
#00af0a rgb(0,175,10)
```

Similar Colors

Text with hexadecimal color #22af00

This text has a font color of #22af00.

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

#22af00 background color

This paragraph has a background color of #22af00.

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

#22af00 border color

This element has a border color of #22af00.

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

CSS codes

.text {color:#22af00;}

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

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

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

#041200
```
#041200 rgb(4,18,0)
```
#072600
```
#072600 rgb(7,38,0)
```
#0b3900
```
#0b3900 rgb(11,57,0)
```
#0f4d00
```
#0f4d00 rgb(15,77,0)
```
#136100
```
#136100 rgb(19,97,0)
```
#177400
```
#177400 rgb(23,116,0)
```
#1a8800
```
#1a8800 rgb(26,136,0)
```
#1e9b00
```
#1e9b00 rgb(30,155,0)
```
#22af00
```
#22af00 rgb(34,175,0)
```
#26c300
```
#26c300 rgb(38,195,0)
```
#2ad600
```
#2ad600 rgb(42,214,0)
```
#2dea00
```
#2dea00 rgb(45,234,0)
```
#31fd00
```
#31fd00 rgb(49,253,0)
```

Shade Color Variation

#40ff12
```
#40ff12 rgb(64,255,18)
```
#50ff26
```
#50ff26 rgb(80,255,38)
```
#60ff39
```
#60ff39 rgb(96,255,57)
```
#70ff4d
```
#70ff4d rgb(112,255,77)
```
#7fff61
```
#7fff61 rgb(127,255,97)
```
#8fff74
```
#8fff74 rgb(143,255,116)
```
#9fff88
```
#9fff88 rgb(159,255,136)
```
#afff9b
```
#afff9b rgb(175,255,155)
```
#bfffaf
```
#bfffaf rgb(191,255,175)
```
#ceffc3
```
#ceffc3 rgb(206,255,195)
```
#deffd6
```
#deffd6 rgb(222,255,214)
```
#eeffea
```
#eeffea rgb(238,255,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#535e51
```
#535e51 rgb(83,94,81)
```
#4f654a
```
#4f654a rgb(79,101,74)
```
#4b6c43
```
#4b6c43 rgb(75,108,67)
```
#47723d
```
#47723d rgb(71,114,61)
```
#437936
```
#437936 rgb(67,121,54)
```
#3f802f
```
#3f802f rgb(63,128,47)
```
#3b8728
```
#3b8728 rgb(59,135,40)
```
#378d22
```
#378d22 rgb(55,141,34)
```
#32941b
```
#32941b rgb(50,148,27)
```
#2e9b14
```
#2e9b14 rgb(46,155,20)
```
#2aa20d
```
#2aa20d rgb(42,162,13)
```
#26a807
```
#26a807 rgb(38,168,7)
```
#22af00
```
#22af00 rgb(34,175,0)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#617d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9c00 Protanopia 1% of men
#c2952d Deuteranopia 1% of men
#5ea7b3 Tritanopia 0.001% of the population

Trichromacy

#7ca300 Protanomaly 1% of men, 0.01% of women
#889e1c Deuteranomaly 6% of men, 0.4% of women
#48aa72 Tritanomaly 0.01% of the population

#22af00 hex color

#22af00 Color Information

#22af00 Color Conversion

Color Schemes with #22af00

Alternatives to #22af00

#22af00 Preview

Shades and Tints of #22af00

Tones of #22af00

Color Blindness Simulator