#22af34 hex color

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

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

● #22af34 color description : Dark lime green.

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

Hex triplet	22af34	`#22af34`
RGB Decimal	34, 175, 52	`rgb(34,175,52)`
RGB Percent	13.3, 68.6, 20.4	`rgb(13.3%,68.6%,20.4%)`
CMYK	81, 0, 70, 31
HSL	127.7°, 67.5, 41	`hsl(127.7,67.5%,41%)`
HSV (or HSB)	127.7°, 80.6, 68.6
Web Safe	339933	`#339933`

CIE-LAB	62.715, -59.755, 50.56
XYZ	16.609, 31.246, 8.404
xyY	0.295, 0.555, 31.246
CIE-LCH	62.715, 78.275, 139.765
CIE-LUV	62.715, -55.202, 67.271
Hunter-Lab	55.898, -44.786, 30.214
Binary	00100010, 10101111, 00110100

#22af34
```
#22af34 rgb(34,175,52)
```
#af229d
```
#af229d rgb(175,34,157)
```

Complementary Color

#57af22
```
#57af22 rgb(87,175,34)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#22af7b
```
#22af7b rgb(34,175,123)
```

Analogous Color

#af2257
```
#af2257 rgb(175,34,87)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#7b22af
```
#7b22af rgb(123,34,175)
```

Split Complementary Color

#af3422
```
#af3422 rgb(175,52,34)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#3422af
```
#3422af rgb(52,34,175)
```

Triadic Color

#9daf22
```
#9daf22 rgb(157,175,34)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#3422af
```
#3422af rgb(52,34,175)
```
#af229d
```
#af229d rgb(175,34,157)
```

Tetradic Color

#166f21
```
#166f21 rgb(22,111,33)
```
#1a8427
```
#1a8427 rgb(26,132,39)
```
#1e9a2e
```
#1e9a2e rgb(30,154,46)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#26c43a
```
#26c43a rgb(38,196,58)
```
#2ed643
```
#2ed643 rgb(46,214,67)
```
#43da56
```
#43da56 rgb(67,218,86)
```

Monochromatic Color

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

#33af22
```
#33af22 rgb(51,175,34)
```
#27af22
```
#27af22 rgb(39,175,34)
```
#22af28
```
#22af28 rgb(34,175,40)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#22af40
```
#22af40 rgb(34,175,64)
```
#22af4c
```
#22af4c rgb(34,175,76)
```
#22af57
```
#22af57 rgb(34,175,87)
```

Similar Colors

Text with hexadecimal color #22af34

This text has a font color of #22af34.

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

#22af34 background color

This paragraph has a background color of #22af34.

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

#22af34 border color

This element has a border color of #22af34.

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

CSS codes

.text {color:#22af34;}

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

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

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)
```
#051b08
```
#051b08 rgb(5,27,8)
```
#082c0d
```
#082c0d rgb(8,44,13)
```
#0c3c12
```
#0c3c12 rgb(12,60,18)
```
#0f4c17
```
#0f4c17 rgb(15,76,23)
```
#125d1c
```
#125d1c rgb(18,93,28)
```
#156d20
```
#156d20 rgb(21,109,32)
```
#187e25
```
#187e25 rgb(24,126,37)
```
#1c8e2a
```
#1c8e2a rgb(28,142,42)
```
#1f9f2f
```
#1f9f2f rgb(31,159,47)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#25bf39
```
#25bf39 rgb(37,191,57)
```
#28d03e
```
#28d03e rgb(40,208,62)
```

Shade Color Variation

#34d849
```
#34d849 rgb(52,216,73)
```
#45db58
```
#45db58 rgb(69,219,88)
```
#55de67
```
#55de67 rgb(85,222,103)
```
#66e175
```
#66e175 rgb(102,225,117)
```
#76e484
```
#76e484 rgb(118,228,132)
```
#86e893
```
#86e893 rgb(134,232,147)
```
#97eba2
```
#97eba2 rgb(151,235,162)
```
#a7eeb0
```
#a7eeb0 rgb(167,238,176)
```
#b8f1bf
```
#b8f1bf rgb(184,241,191)
```
#c8f4ce
```
#c8f4ce rgb(200,244,206)
```
#d8f8dc
```
#d8f8dc rgb(216,248,220)
```
#e9fbeb
```
#e9fbeb rgb(233,251,235)
```
#f9fefa
```
#f9fefa rgb(249,254,250)
```

Tint Color Variation

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

#626f64
```
#626f64 rgb(98,111,100)
```
#5a775e
```
#5a775e rgb(90,119,94)
```
#527f58
```
#527f58 rgb(82,127,88)
```
#4a8752
```
#4a8752 rgb(74,135,82)
```
#428f4c
```
#428f4c rgb(66,143,76)
```
#3a9746
```
#3a9746 rgb(58,151,70)
```
#329f40
```
#329f40 rgb(50,159,64)
```
#2aa73a
```
#2aa73a rgb(42,167,58)
```
#22af34
```
#22af34 rgb(34,175,52)
```
#1ab72e
```
#1ab72e rgb(26,183,46)
```
#12bf28
```
#12bf28 rgb(18,191,40)
```
#0ac722
```
#0ac722 rgb(10,199,34)
```
#02cf1c
```
#02cf1c rgb(2,207,28)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#66826a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d38 Protanopia 1% of men
#c0954b Deuteranopia 1% of men
#5ba7b4 Tritanopia 0.001% of the population

Trichromacy

#7ba336 Protanomaly 1% of men, 0.01% of women
#869f42 Deuteranomaly 6% of men, 0.4% of women
#46aa85 Tritanomaly 0.01% of the population

#22af34 hex color

#22af34 Color Information

#22af34 Color Conversion

Color Schemes with #22af34

Alternatives to #22af34

#22af34 Preview

Shades and Tints of #22af34

Tones of #22af34

Color Blindness Simulator