#1af22a hex color

In a RGB color space, hex #1af22a is composed of 10.2% red, 94.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 82.6% yellow and 5.1% black. It has a hue angle of 124.4 degrees, a saturation of 89.3% and a lightness of 52.5%. #1af22a color hex could be obtained by blending #34ff54 with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 10
- G 95
- B 16
RGB color chart
- C 89
- M 0
- Y 83
- K 5
CMYK color chart

● #1af22a color description : Vivid lime green.

The hexadecimal color #1af22a has RGB values of R:26, G:242, B:42 and CMYK values of C:0.89, M:0, Y:0.83, K:0.05. Its decimal value is 1765930.

Hex triplet	1af22a	`#1af22a`
RGB Decimal	26, 242, 42	`rgb(26,242,42)`
RGB Percent	10.2, 94.9, 16.5	`rgb(10.2%,94.9%,16.5%)`
CMYK	89, 0, 83, 5
HSL	124.4°, 89.3, 52.5	`hsl(124.4,89.3%,52.5%)`
HSV (or HSB)	124.4°, 89.3, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	83.907, -80.659, 74.269
XYZ	32.594, 63.887, 12.804
xyY	0.298, 0.585, 63.887
CIE-LCH	83.907, 109.644, 137.362
CIE-LUV	83.907, -77.639, 98.47
Hunter-Lab	79.93, -67.087, 46.453
Binary	00011010, 11110010, 00101010

#1af22a
```
#1af22a rgb(26,242,42)
```
#f21ae2
```
#f21ae2 rgb(242,26,226)
```

Complementary Color

#76f21a
```
#76f21a rgb(118,242,26)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#1af296
```
#1af296 rgb(26,242,150)
```

Analogous Color

#f21a76
```
#f21a76 rgb(242,26,118)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#961af2
```
#961af2 rgb(150,26,242)
```

Split Complementary Color

#f22a1a
```
#f22a1a rgb(242,42,26)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#2a1af2
```
#2a1af2 rgb(42,26,242)
```

Triadic Color

#e2f21a
```
#e2f21a rgb(226,242,26)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#2a1af2
```
#2a1af2 rgb(42,26,242)
```
#f21ae2
```
#f21ae2 rgb(242,26,226)
```

Tetradic Color

#0ab517
```
#0ab517 rgb(10,181,23)
```
#0ccd1a
```
#0ccd1a rgb(12,205,26)
```
#0de51d
```
#0de51d rgb(13,229,29)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#32f340
```
#32f340 rgb(50,243,64)
```
#4af557
```
#4af557 rgb(74,245,87)
```
#62f66d
```
#62f66d rgb(98,246,109)
```

Monochromatic Color

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

#40f21a
```
#40f21a rgb(64,242,26)
```
#2ef21a
```
#2ef21a rgb(46,242,26)
```
#1cf21a
```
#1cf21a rgb(28,242,26)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#1af23c
```
#1af23c rgb(26,242,60)
```
#1af24e
```
#1af24e rgb(26,242,78)
```
#1af260
```
#1af260 rgb(26,242,96)
```

Similar Colors

Text with hexadecimal color #1af22a

This text has a font color of #1af22a.

<span style="color:#1af22a;">Text here</span>

#1af22a background color

This paragraph has a background color of #1af22a.

<p style="background-color:#1af22a;">Content here</p>

#1af22a border color

This element has a border color of #1af22a.

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

CSS codes

.text {color:#1af22a;}

.background {background-color:#1af22a;}

.border {border:1px solid #1af22a;}

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, #010c02 is the darkest color, while #f9fff9 is the lightest one.

#010c02
```
#010c02 rgb(1,12,2)
```
#021f04
```
#021f04 rgb(2,31,4)
```
#033106
```
#033106 rgb(3,49,6)
```
#044409
```
#044409 rgb(4,68,9)
```
#05570b
```
#05570b rgb(5,87,11)
```
#06690d
```
#06690d rgb(6,105,13)
```
#077c10
```
#077c10 rgb(7,124,16)
```
#088e12
```
#088e12 rgb(8,142,18)
```
#09a114
```
#09a114 rgb(9,161,20)
```
#0ab317
```
#0ab317 rgb(10,179,23)
```
#0bc619
```
#0bc619 rgb(11,198,25)
```
#0cd81b
```
#0cd81b rgb(12,216,27)
```
#0deb1e
```
#0deb1e rgb(13,235,30)
```

Shade Color Variation

#1af22a
```
#1af22a rgb(26,242,42)
```
#2df33b
```
#2df33b rgb(45,243,59)
```
#3ff44d
```
#3ff44d rgb(63,244,77)
```
#52f55e
```
#52f55e rgb(82,245,94)
```
#64f66f
```
#64f66f rgb(100,246,111)
```
#77f780
```
#77f780 rgb(119,247,128)
```
#89f892
```
#89f892 rgb(137,248,146)
```
#9cf9a3
```
#9cf9a3 rgb(156,249,163)
```
#aefab4
```
#aefab4 rgb(174,250,180)
```
#c1fbc5
```
#c1fbc5 rgb(193,251,197)
```
#d4fdd7
```
#d4fdd7 rgb(212,253,215)
```
#e6fee8
```
#e6fee8 rgb(230,254,232)
```
#f9fff9
```
#f9fff9 rgb(249,255,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808c81 is the less saturated color, while #11fb22 is the most saturated one.

#808c81
```
#808c81 rgb(128,140,129)
```
#779579
```
#779579 rgb(119,149,121)
```
#6e9e71
```
#6e9e71 rgb(110,158,113)
```
#64a869
```
#64a869 rgb(100,168,105)
```
#5bb162
```
#5bb162 rgb(91,177,98)
```
#52ba5a
```
#52ba5a rgb(82,186,90)
```
#49c352
```
#49c352 rgb(73,195,82)
```
#3fcd4a
```
#3fcd4a rgb(63,205,74)
```
#36d642
```
#36d642 rgb(54,214,66)
```
#2ddf3a
```
#2ddf3a rgb(45,223,58)
```
#23e932
```
#23e932 rgb(35,233,50)
```
#1af22a
```
#1af22a rgb(26,242,42)
```
#11fb22
```
#11fb22 rgb(17,251,34)
```

Tone Color Variation

Below, you can see how #1af22a 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

#9b9b9b Achromatopsia 0.005% of the population
#81ac84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd42c Protanopia 1% of men
#ffcb73 Deuteranopia 1% of men
#77e2f3 Tritanopia 0.001% of the population

Trichromacy

#a0de2b Protanomaly 1% of men, 0.01% of women
#abd958 Deuteranomaly 6% of men, 0.4% of women
#55e8aa Tritanomaly 0.01% of the population

#1af22a hex color

#1af22a Color Information

#1af22a Color Conversion

Color Schemes with #1af22a

Alternatives to #1af22a

#1af22a Preview

Shades and Tints of #1af22a

Tones of #1af22a

Color Blindness Simulator