#22af80 hex color

In a RGB color space, hex #22af80 is composed of 13.3% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 26.9% yellow and 31.4% black. It has a hue angle of 160 degrees, a saturation of 67.5% and a lightness of 41%. #22af80 color hex could be obtained by blending #44ffff with #005f01. Closest websafe color is: #339999.

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

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

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

Hex triplet	22af80	`#22af80`
RGB Decimal	34, 175, 128	`rgb(34,175,128)`
RGB Percent	13.3, 68.6, 50.2	`rgb(13.3%,68.6%,50.2%)`
CMYK	81, 0, 27, 31
HSL	160°, 67.5, 41	`hsl(160,67.5%,41%)`
HSV (or HSB)	160°, 80.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	63.8, -47.146, 14.055
XYZ	19.884, 32.557, 25.657
xyY	0.255, 0.417, 32.557
CIE-LCH	63.8, 49.196, 163.4
CIE-LUV	63.8, -51.362, 26.839
Hunter-Lab	57.058, -37.646, 13.28
Binary	00100010, 10101111, 10000000

#22af80
```
#22af80 rgb(34,175,128)
```
#af2251
```
#af2251 rgb(175,34,81)
```

Complementary Color

#22af3a
```
#22af3a rgb(34,175,58)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#2298af
```
#2298af rgb(34,152,175)
```

Analogous Color

#af3a22
```
#af3a22 rgb(175,58,34)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#af2298
```
#af2298 rgb(175,34,152)
```

Split Complementary Color

#af8022
```
#af8022 rgb(175,128,34)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#8022af
```
#8022af rgb(128,34,175)
```

Triadic Color

#51af22
```
#51af22 rgb(81,175,34)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#8022af
```
#8022af rgb(128,34,175)
```
#af2251
```
#af2251 rgb(175,34,81)
```

Tetradic Color

#166f51
```
#166f51 rgb(22,111,81)
```
#1a8461
```
#1a8461 rgb(26,132,97)
```
#1e9a70
```
#1e9a70 rgb(30,154,112)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#26c490
```
#26c490 rgb(38,196,144)
```
#2ed69e
```
#2ed69e rgb(46,214,158)
```
#43daa8
```
#43daa8 rgb(67,218,168)
```

Monochromatic Color

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

#22af5d
```
#22af5d rgb(34,175,93)
```
#22af69
```
#22af69 rgb(34,175,105)
```
#22af74
```
#22af74 rgb(34,175,116)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#22af8c
```
#22af8c rgb(34,175,140)
```
#22af98
```
#22af98 rgb(34,175,152)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```

Similar Colors

Text with hexadecimal color #22af80

This text has a font color of #22af80.

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

#22af80 background color

This paragraph has a background color of #22af80.

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

#22af80 border color

This element has a border color of #22af80.

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

CSS codes

.text {color:#22af80;}

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

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

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

#020b08
```
#020b08 rgb(2,11,8)
```
#051b14
```
#051b14 rgb(5,27,20)
```
#082c20
```
#082c20 rgb(8,44,32)
```
#0c3c2c
```
#0c3c2c rgb(12,60,44)
```
#0f4c38
```
#0f4c38 rgb(15,76,56)
```
#125d44
```
#125d44 rgb(18,93,68)
```
#156d50
```
#156d50 rgb(21,109,80)
```
#187e5c
```
#187e5c rgb(24,126,92)
```
#1c8e68
```
#1c8e68 rgb(28,142,104)
```
#1f9f74
```
#1f9f74 rgb(31,159,116)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#25bf8c
```
#25bf8c rgb(37,191,140)
```
#28d098
```
#28d098 rgb(40,208,152)
```

Shade Color Variation

#34d8a1
```
#34d8a1 rgb(52,216,161)
```
#45dba9
```
#45dba9 rgb(69,219,169)
```
#55deb0
```
#55deb0 rgb(85,222,176)
```
#66e1b8
```
#66e1b8 rgb(102,225,184)
```
#76e4c0
```
#76e4c0 rgb(118,228,192)
```
#86e8c7
```
#86e8c7 rgb(134,232,199)
```
#97ebcf
```
#97ebcf rgb(151,235,207)
```
#a7eed6
```
#a7eed6 rgb(167,238,214)
```
#b8f1de
```
#b8f1de rgb(184,241,222)
```
#c8f4e6
```
#c8f4e6 rgb(200,244,230)
```
#d8f8ed
```
#d8f8ed rgb(216,248,237)
```
#e9fbf5
```
#e9fbf5 rgb(233,251,245)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#626f6b
```
#626f6b rgb(98,111,107)
```
#5a776d
```
#5a776d rgb(90,119,109)
```
#527f70
```
#527f70 rgb(82,127,112)
```
#4a8773
```
#4a8773 rgb(74,135,115)
```
#428f75
```
#428f75 rgb(66,143,117)
```
#3a9778
```
#3a9778 rgb(58,151,120)
```
#329f7b
```
#329f7b rgb(50,159,123)
```
#2aa77d
```
#2aa77d rgb(42,167,125)
```
#22af80
```
#22af80 rgb(34,175,128)
```
#1ab783
```
#1ab783 rgb(26,183,131)
```
#12bf85
```
#12bf85 rgb(18,191,133)
```
#0ac788
```
#0ac788 rgb(10,199,136)
```
#02cf8b
```
#02cf8b rgb(2,207,139)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6c897f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9f7d Protanopia 1% of men
#b49a8f Deuteranopia 1% of men
#4eacb9 Tritanopia 0.001% of the population

Trichromacy

#78a57e Protanomaly 1% of men, 0.01% of women
#7fa189 Deuteranomaly 6% of men, 0.4% of women
#3eada4 Tritanomaly 0.01% of the population

#22af80 hex color

#22af80 Color Information

#22af80 Color Conversion

Color Schemes with #22af80

Alternatives to #22af80

#22af80 Preview

Shades and Tints of #22af80

Tones of #22af80

Color Blindness Simulator