#22af50 hex color

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

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

● #22af50 color description : Dark cyan - lime green.

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

Hex triplet	22af50	`#22af50`
RGB Decimal	34, 175, 80	`rgb(34,175,80)`
RGB Percent	13.3, 68.6, 31.4	`rgb(13.3%,68.6%,31.4%)`
CMYK	81, 0, 54, 31
HSL	139.6°, 67.5, 41	`hsl(139.6,67.5%,41%)`
HSV (or HSB)	139.6°, 80.6, 68.6
Web Safe	339966	`#339966`

CIE-LAB	62.992, -56.379, 38.308
XYZ	17.436, 31.577, 12.765
xyY	0.282, 0.511, 31.577
CIE-LCH	62.992, 68.162, 145.805
CIE-LUV	62.992, -54.123, 56.093
Hunter-Lab	56.194, -42.952, 25.867
Binary	00100010, 10101111, 01010000

#22af50
```
#22af50 rgb(34,175,80)
```
#af2281
```
#af2281 rgb(175,34,129)
```

Complementary Color

#3baf22
```
#3baf22 rgb(59,175,34)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#22af97
```
#22af97 rgb(34,175,151)
```

Analogous Color

#af223a
```
#af223a rgb(175,34,58)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#9722af
```
#9722af rgb(151,34,175)
```

Split Complementary Color

#af5022
```
#af5022 rgb(175,80,34)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#5022af
```
#5022af rgb(80,34,175)
```

Triadic Color

#81af22
```
#81af22 rgb(129,175,34)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#5022af
```
#5022af rgb(80,34,175)
```
#af2281
```
#af2281 rgb(175,34,129)
```

Tetradic Color

#166f33
```
#166f33 rgb(22,111,51)
```
#1a843c
```
#1a843c rgb(26,132,60)
```
#1e9a46
```
#1e9a46 rgb(30,154,70)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#26c45a
```
#26c45a rgb(38,196,90)
```
#2ed665
```
#2ed665 rgb(46,214,101)
```
#43da74
```
#43da74 rgb(67,218,116)
```

Monochromatic Color

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

#22af2d
```
#22af2d rgb(34,175,45)
```
#22af39
```
#22af39 rgb(34,175,57)
```
#22af44
```
#22af44 rgb(34,175,68)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#22af5c
```
#22af5c rgb(34,175,92)
```
#22af68
```
#22af68 rgb(34,175,104)
```
#22af73
```
#22af73 rgb(34,175,115)
```

Similar Colors

Text with hexadecimal color #22af50

This text has a font color of #22af50.

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

#22af50 background color

This paragraph has a background color of #22af50.

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

#22af50 border color

This element has a border color of #22af50.

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

CSS codes

.text {color:#22af50;}

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

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

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

#020b05
```
#020b05 rgb(2,11,5)
```
#051b0c
```
#051b0c rgb(5,27,12)
```
#082c14
```
#082c14 rgb(8,44,20)
```
#0c3c1b
```
#0c3c1b rgb(12,60,27)
```
#0f4c23
```
#0f4c23 rgb(15,76,35)
```
#125d2a
```
#125d2a rgb(18,93,42)
```
#156d32
```
#156d32 rgb(21,109,50)
```
#187e39
```
#187e39 rgb(24,126,57)
```
#1c8e41
```
#1c8e41 rgb(28,142,65)
```
#1f9f48
```
#1f9f48 rgb(31,159,72)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#25bf58
```
#25bf58 rgb(37,191,88)
```
#28d05f
```
#28d05f rgb(40,208,95)
```

Shade Color Variation

#34d86a
```
#34d86a rgb(52,216,106)
```
#45db76
```
#45db76 rgb(69,219,118)
```
#55de82
```
#55de82 rgb(85,222,130)
```
#66e18e
```
#66e18e rgb(102,225,142)
```
#76e49a
```
#76e49a rgb(118,228,154)
```
#86e8a6
```
#86e8a6 rgb(134,232,166)
```
#97ebb2
```
#97ebb2 rgb(151,235,178)
```
#a7eebe
```
#a7eebe rgb(167,238,190)
```
#b8f1ca
```
#b8f1ca rgb(184,241,202)
```
#c8f4d7
```
#c8f4d7 rgb(200,244,215)
```
#d8f8e3
```
#d8f8e3 rgb(216,248,227)
```
#e9fbef
```
#e9fbef rgb(233,251,239)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#626f66
```
#626f66 rgb(98,111,102)
```
#5a7764
```
#5a7764 rgb(90,119,100)
```
#527f61
```
#527f61 rgb(82,127,97)
```
#4a875e
```
#4a875e rgb(74,135,94)
```
#428f5b
```
#428f5b rgb(66,143,91)
```
#3a9758
```
#3a9758 rgb(58,151,88)
```
#329f56
```
#329f56 rgb(50,159,86)
```
#2aa753
```
#2aa753 rgb(42,167,83)
```
#22af50
```
#22af50 rgb(34,175,80)
```
#1ab74d
```
#1ab74d rgb(26,183,77)
```
#12bf4a
```
#12bf4a rgb(18,191,74)
```
#0ac748
```
#0ac748 rgb(10,199,72)
```
#02cf45
```
#02cf45 rgb(2,207,69)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#688572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d52 Protanopia 1% of men
#bd9763 Deuteranopia 1% of men
#58a9b5 Tritanopia 0.001% of the population

Trichromacy

#7aa451 Protanomaly 1% of men, 0.01% of women
#859f5c Deuteranomaly 6% of men, 0.4% of women
#44ab90 Tritanomaly 0.01% of the population

#22af50 hex color

#22af50 Color Information

#22af50 Color Conversion

Color Schemes with #22af50

Alternatives to #22af50

#22af50 Preview

Shades and Tints of #22af50

Tones of #22af50

Color Blindness Simulator