#22af2a hex color

In a RGB color space, hex #22af2a is composed of 13.3% red, 68.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 76% yellow and 31.4% black. It has a hue angle of 123.4 degrees, a saturation of 67.5% and a lightness of 41%. #22af2a color hex could be obtained by blending #44ff54 with #005f00. Closest websafe color is: #339933.

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

● #22af2a color description : Dark lime green.

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

Hex triplet	22af2a	`#22af2a`
RGB Decimal	34, 175, 42	`rgb(34,175,42)`
RGB Percent	13.3, 68.6, 16.5	`rgb(13.3%,68.6%,16.5%)`
CMYK	81, 0, 76, 31
HSL	123.4°, 67.5, 41	`hsl(123.4,67.5%,41%)`
HSV (or HSB)	123.4°, 80.6, 68.6
Web Safe	339933	`#339933`

CIE-LAB	62.647, -60.599, 54.197
XYZ	16.407, 31.165, 7.341
xyY	0.299, 0.568, 31.165
CIE-LCH	62.647, 81.299, 138.192
CIE-LUV	62.647, -55.478, 70.11
Hunter-Lab	55.826, -45.236, 31.281
Binary	00100010, 10101111, 00101010

#22af2a
```
#22af2a rgb(34,175,42)
```
#af22a7
```
#af22a7 rgb(175,34,167)
```

Complementary Color

#61af22
```
#61af22 rgb(97,175,34)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#22af71
```
#22af71 rgb(34,175,113)
```

Analogous Color

#af2261
```
#af2261 rgb(175,34,97)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#7122af
```
#7122af rgb(113,34,175)
```

Split Complementary Color

#af2a22
```
#af2a22 rgb(175,42,34)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#2a22af
```
#2a22af rgb(42,34,175)
```

Triadic Color

#a7af22
```
#a7af22 rgb(167,175,34)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#2a22af
```
#2a22af rgb(42,34,175)
```
#af22a7
```
#af22a7 rgb(175,34,167)
```

Tetradic Color

#166f1b
```
#166f1b rgb(22,111,27)
```
#1a8420
```
#1a8420 rgb(26,132,32)
```
#1e9a25
```
#1e9a25 rgb(30,154,37)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#26c42f
```
#26c42f rgb(38,196,47)
```
#2ed637
```
#2ed637 rgb(46,214,55)
```
#43da4c
```
#43da4c rgb(67,218,76)
```

Monochromatic Color

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

#3daf22
```
#3daf22 rgb(61,175,34)
```
#32af22
```
#32af22 rgb(50,175,34)
```
#26af22
```
#26af22 rgb(38,175,34)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#22af36
```
#22af36 rgb(34,175,54)
```
#22af41
```
#22af41 rgb(34,175,65)
```
#22af4d
```
#22af4d rgb(34,175,77)
```

Similar Colors

Text with hexadecimal color #22af2a

This text has a font color of #22af2a.

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

#22af2a background color

This paragraph has a background color of #22af2a.

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

#22af2a border color

This element has a border color of #22af2a.

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

CSS codes

.text {color:#22af2a;}

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

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

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

#020b03
```
#020b03 rgb(2,11,3)
```
#051b07
```
#051b07 rgb(5,27,7)
```
#082c0a
```
#082c0a rgb(8,44,10)
```
#0c3c0e
```
#0c3c0e rgb(12,60,14)
```
#0f4c12
```
#0f4c12 rgb(15,76,18)
```
#125d16
```
#125d16 rgb(18,93,22)
```
#156d1a
```
#156d1a rgb(21,109,26)
```
#187e1e
```
#187e1e rgb(24,126,30)
```
#1c8e22
```
#1c8e22 rgb(28,142,34)
```
#1f9f26
```
#1f9f26 rgb(31,159,38)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#25bf2e
```
#25bf2e rgb(37,191,46)
```
#28d032
```
#28d032 rgb(40,208,50)
```

Shade Color Variation

#34d83e
```
#34d83e rgb(52,216,62)
```
#45db4d
```
#45db4d rgb(69,219,77)
```
#55de5d
```
#55de5d rgb(85,222,93)
```
#66e16d
```
#66e16d rgb(102,225,109)
```
#76e47c
```
#76e47c rgb(118,228,124)
```
#86e88c
```
#86e88c rgb(134,232,140)
```
#97eb9c
```
#97eb9c rgb(151,235,156)
```
#a7eeab
```
#a7eeab rgb(167,238,171)
```
#b8f1bb
```
#b8f1bb rgb(184,241,187)
```
#c8f4cb
```
#c8f4cb rgb(200,244,203)
```
#d8f8da
```
#d8f8da rgb(216,248,218)
```
#e9fbea
```
#e9fbea rgb(233,251,234)
```
#f9fefa
```
#f9fefa rgb(249,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626f63 is the less saturated color, while #02cf0d is the most saturated one.

#626f63
```
#626f63 rgb(98,111,99)
```
#5a775c
```
#5a775c rgb(90,119,92)
```
#527f55
```
#527f55 rgb(82,127,85)
```
#4a874e
```
#4a874e rgb(74,135,78)
```
#428f47
```
#428f47 rgb(66,143,71)
```
#3a973f
```
#3a973f rgb(58,151,63)
```
#329f38
```
#329f38 rgb(50,159,56)
```
#2aa731
```
#2aa731 rgb(42,167,49)
```
#22af2a
```
#22af2a rgb(34,175,42)
```
#1ab723
```
#1ab723 rgb(26,183,35)
```
#12bf1c
```
#12bf1c rgb(18,191,28)
```
#0ac715
```
#0ac715 rgb(10,199,21)
```
#02cf0d
```
#02cf0d rgb(2,207,13)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#658167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d2f Protanopia 1% of men
#c19543 Deuteranopia 1% of men
#5ca7b3 Tritanopia 0.001% of the population

Trichromacy

#7ba32d Protanomaly 1% of men, 0.01% of women
#879e3a Deuteranomaly 6% of men, 0.4% of women
#47aa81 Tritanomaly 0.01% of the population

#22af2a hex color

#22af2a Color Information

#22af2a Color Conversion

Color Schemes with #22af2a

Alternatives to #22af2a

#22af2a Preview

Shades and Tints of #22af2a

Tones of #22af2a

Color Blindness Simulator