#22aaa5 hex color

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

♥
- f
- t
- g
- R 13
- G 67
- B 65
RGB color chart
- C 80
- M 0
- Y 3
- K 33
CMYK color chart

● #22aaa5 color description : Dark cyan.

The hexadecimal color #22aaa5 has RGB values of R:34, G:170, B:165 and CMYK values of C:0.8, M:0, Y:0.03, K:0.33. Its decimal value is 2271909.

Hex triplet	22aaa5	`#22aaa5`
RGB Decimal	34, 170, 165	`rgb(34,170,165)`
RGB Percent	13.3, 66.7, 64.7	`rgb(13.3%,66.7%,64.7%)`
CMYK	80, 0, 3, 33
HSL	177.8°, 66.7, 40	`hsl(177.8,66.7%,40%)`
HSV (or HSB)	177.8°, 80, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.181, -35.122, -7.415
XYZ	21.824, 31.804, 40.584
xyY	0.232, 0.338, 31.804
CIE-LCH	63.181, 35.896, 191.921
CIE-LUV	63.181, -46.969, -5.863
Hunter-Lab	56.395, -29.615, -3.191
Binary	00100010, 10101010, 10100101

#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```

Complementary Color

#22aa61
```
#22aa61 rgb(34,170,97)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#226baa
```
#226baa rgb(34,107,170)
```

Analogous Color

#aa6122
```
#aa6122 rgb(170,97,34)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#aa226b
```
#aa226b rgb(170,34,107)
```

Split Complementary Color

#aaa522
```
#aaa522 rgb(170,165,34)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#a522aa
```
#a522aa rgb(165,34,170)
```

Triadic Color

#27aa22
```
#27aa22 rgb(39,170,34)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#a522aa
```
#a522aa rgb(165,34,170)
```
#aa2227
```
#aa2227 rgb(170,34,39)
```

Tetradic Color

#156a67
```
#156a67 rgb(21,106,103)
```
#1a807c
```
#1a807c rgb(26,128,124)
```
#1e9590
```
#1e9590 rgb(30,149,144)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#26bfba
```
#26bfba rgb(38,191,186)
```
#2bd5ce
```
#2bd5ce rgb(43,213,206)
```
#40d9d3
```
#40d9d3 rgb(64,217,211)
```

Monochromatic Color

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

#22aa83
```
#22aa83 rgb(34,170,131)
```
#22aa8e
```
#22aa8e rgb(34,170,142)
```
#22aa9a
```
#22aa9a rgb(34,170,154)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#22a4aa
```
#22a4aa rgb(34,164,170)
```
#2298aa
```
#2298aa rgb(34,152,170)
```
#228daa
```
#228daa rgb(34,141,170)
```

Similar Colors

Text with hexadecimal color #22aaa5

This text has a font color of #22aaa5.

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

#22aaa5 background color

This paragraph has a background color of #22aaa5.

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

#22aaa5 border color

This element has a border color of #22aaa5.

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

CSS codes

.text {color:#22aaa5;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#051716
```
#051716 rgb(5,23,22)
```
#082726
```
#082726 rgb(8,39,38)
```
#0b3836
```
#0b3836 rgb(11,56,54)
```
#0e4846
```
#0e4846 rgb(14,72,70)
```
#125856
```
#125856 rgb(18,88,86)
```
#156966
```
#156966 rgb(21,105,102)
```
#187975
```
#187975 rgb(24,121,117)
```
#1b8985
```
#1b8985 rgb(27,137,133)
```
#1f9a95
```
#1f9a95 rgb(31,154,149)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#25bab5
```
#25bab5 rgb(37,186,181)
```
#29cbc5
```
#29cbc5 rgb(41,203,197)
```

Shade Color Variation

#31d6d0
```
#31d6d0 rgb(49,214,208)
```
#41d9d4
```
#41d9d4 rgb(65,217,212)
```
#52dcd7
```
#52dcd7 rgb(82,220,215)
```
#62e0db
```
#62e0db rgb(98,224,219)
```
#72e3df
```
#72e3df rgb(114,227,223)
```
#83e6e3
```
#83e6e3 rgb(131,230,227)
```
#93e9e6
```
#93e9e6 rgb(147,233,230)
```
#a3edea
```
#a3edea rgb(163,237,234)
```
#b4f0ee
```
#b4f0ee rgb(180,240,238)
```
#c4f3f2
```
#c4f3f2 rgb(196,243,242)
```
#d5f7f5
```
#d5f7f5 rgb(213,247,245)
```
#e5faf9
```
#e5faf9 rgb(229,250,249)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```

Tint Color Variation

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

#616b6b
```
#616b6b rgb(97,107,107)
```
#597372
```
#597372 rgb(89,115,114)
```
#517b79
```
#517b79 rgb(81,123,121)
```
#498381
```
#498381 rgb(73,131,129)
```
#418b88
```
#418b88 rgb(65,139,136)
```
#3a928f
```
#3a928f rgb(58,146,143)
```
#329a96
```
#329a96 rgb(50,154,150)
```
#2aa29e
```
#2aa29e rgb(42,162,158)
```
#22aaa5
```
#22aaa5 rgb(34,170,165)
```
#1ab2ac
```
#1ab2ac rgb(26,178,172)
```
#12bab4
```
#12bab4 rgb(18,186,180)
```
#0ac2bb
```
#0ac2bb rgb(10,194,187)
```
#03c9c2
```
#03c9c2 rgb(3,201,194)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6e8988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09da0 Protanopia 1% of men
#a39ab1 Deuteranopia 1% of men
#3bacb8 Tritanopia 0.001% of the population

Trichromacy

#72a1a2 Protanomaly 1% of men, 0.01% of women
#74a0ac Deuteranomaly 6% of men, 0.4% of women
#32abb1 Tritanomaly 0.01% of the population

#22aaa5 hex color

#22aaa5 Color Information

#22aaa5 Color Conversion

Color Schemes with #22aaa5

Alternatives to #22aaa5

#22aaa5 Preview

Shades and Tints of #22aaa5

Tones of #22aaa5

Color Blindness Simulator