colorhexa.com

#22aa80 hex color

In a RGB color space, hex #22aa80 is composed of 13.3% red, 66.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 24.7% yellow and 33.3% black. It has a hue angle of 161.5 degrees, a saturation of 66.7% and a lightness of 40%. #22aa80 color hex could be obtained by blending #44ffff with #005501. Closest websafe color is: #339999.

- R 13
- G 67
- B 50
RGB color chart
- C 80
- M 0
- Y 25
- K 33
CMYK color chart

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

The hexadecimal color #22aa80 has RGB values of R:34, G:170, B:128 and CMYK values of C:0.8, M:0, Y:0.25, K:0.33. Its decimal value is 2271872.

Hex triplet	22aa80	`#22aa80`
RGB Decimal	34, 170, 128	`rgb(34,170,128)`
RGB Percent	13.3, 66.7, 50.2	`rgb(13.3%,66.7%,50.2%)`
CMYK	80, 0, 25, 33
HSL	161.5°, 66.7, 40	`hsl(161.5,66.7%,40%)`
HSV (or HSB)	161.5°, 80, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.208, -45.113, 11.822
XYZ	18.929, 30.646, 25.339
xyY	0.253, 0.409, 30.646
CIE-LCH	62.208, 46.636, 165.315
CIE-LUV	62.208, -49.593, 23.415
Hunter-Lab	55.359, -35.843, 11.613
Binary	00100010, 10101010, 10000000

#22aa80
```
#22aa80 rgb(34,170,128)
```
#aa224c
```
#aa224c rgb(170,34,76)
```

Complementary Color

#22aa3c
```
#22aa3c rgb(34,170,60)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#2290aa
```
#2290aa rgb(34,144,170)
```

Analogous Color

#aa3c22
```
#aa3c22 rgb(170,60,34)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#aa2290
```
#aa2290 rgb(170,34,144)
```

Split Complementary Color

#aa8022
```
#aa8022 rgb(170,128,34)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#8022aa
```
#8022aa rgb(128,34,170)
```

Triadic Color

#4caa22
```
#4caa22 rgb(76,170,34)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#8022aa
```
#8022aa rgb(128,34,170)
```
#aa224c
```
#aa224c rgb(170,34,76)
```

Tetradic Color

#156a50
```
#156a50 rgb(21,106,80)
```
#1a8060
```
#1a8060 rgb(26,128,96)
```
#1e9570
```
#1e9570 rgb(30,149,112)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#26bf90
```
#26bf90 rgb(38,191,144)
```
#2bd5a0
```
#2bd5a0 rgb(43,213,160)
```
#40d9aa
```
#40d9aa rgb(64,217,170)
```

Monochromatic Color

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

#22aa5e
```
#22aa5e rgb(34,170,94)
```
#22aa69
```
#22aa69 rgb(34,170,105)
```
#22aa75
```
#22aa75 rgb(34,170,117)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#22aa8b
```
#22aa8b rgb(34,170,139)
```
#22aa97
```
#22aa97 rgb(34,170,151)
```
#22aaa2
```
#22aaa2 rgb(34,170,162)
```

Similar Colors

Text with hexadecimal color #22aa80

This text has a font color of #22aa80.

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

#22aa80 background color

This paragraph has a background color of #22aa80.

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

#22aa80 border color

This element has a border color of #22aa80.

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

CSS codes

.text {color:#22aa80;}

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

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

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, #010705 is the darkest color, while #f5fdfb is the lightest one.

#010705
```
#010705 rgb(1,7,5)
```
#051711
```
#051711 rgb(5,23,17)
```
#08271e
```
#08271e rgb(8,39,30)
```
#0b382a
```
#0b382a rgb(11,56,42)
```
#0e4836
```
#0e4836 rgb(14,72,54)
```
#125842
```
#125842 rgb(18,88,66)
```
#15694f
```
#15694f rgb(21,105,79)
```
#18795b
```
#18795b rgb(24,121,91)
```
#1b8967
```
#1b8967 rgb(27,137,103)
```
#1f9a74
```
#1f9a74 rgb(31,154,116)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#25ba8c
```
#25ba8c rgb(37,186,140)
```
#29cb99
```
#29cb99 rgb(41,203,153)
```

Shade Color Variation

#31d6a3
```
#31d6a3 rgb(49,214,163)
```
#41d9aa
```
#41d9aa rgb(65,217,170)
```
#52dcb2
```
#52dcb2 rgb(82,220,178)
```
#62e0b9
```
#62e0b9 rgb(98,224,185)
```
#72e3c0
```
#72e3c0 rgb(114,227,192)
```
#83e6c7
```
#83e6c7 rgb(131,230,199)
```
#93e9cf
```
#93e9cf rgb(147,233,207)
```
#a3edd6
```
#a3edd6 rgb(163,237,214)
```
#b4f0dd
```
#b4f0dd rgb(180,240,221)
```
#c4f3e5
```
#c4f3e5 rgb(196,243,229)
```
#d5f7ec
```
#d5f7ec rgb(213,247,236)
```
#e5faf3
```
#e5faf3 rgb(229,250,243)
```
#f5fdfb
```
#f5fdfb rgb(245,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616b68 is the less saturated color, while #03c98c is the most saturated one.

#616b68
```
#616b68 rgb(97,107,104)
```
#59736b
```
#59736b rgb(89,115,107)
```
#517b6e
```
#517b6e rgb(81,123,110)
```
#498371
```
#498371 rgb(73,131,113)
```
#418b74
```
#418b74 rgb(65,139,116)
```
#3a9277
```
#3a9277 rgb(58,146,119)
```
#329a7a
```
#329a7a rgb(50,154,122)
```
#2aa27d
```
#2aa27d rgb(42,162,125)
```
#22aa80
```
#22aa80 rgb(34,170,128)
```
#1ab283
```
#1ab283 rgb(26,178,131)
```
#12ba86
```
#12ba86 rgb(18,186,134)
```
#0ac289
```
#0ac289 rgb(10,194,137)
```
#03c98c
```
#03c98c rgb(3,201,140)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6b867e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59b7e Protanopia 1% of men
#af968e Deuteranopia 1% of men
#4ba8b4 Tritanopia 0.001% of the population

Trichromacy

#75a07e Protanomaly 1% of men, 0.01% of women
#7b9d89 Deuteranomaly 6% of men, 0.4% of women
#3ca8a1 Tritanomaly 0.01% of the population