#22a0aa hex color

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

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

● #22a0aa color description : Dark cyan.

The hexadecimal color #22a0aa has RGB values of R:34, G:160, B:170 and CMYK values of C:0.8, M:0.06, Y:0, K:0.33. Its decimal value is 2269354.

Hex triplet	22a0aa	`#22a0aa`
RGB Decimal	34, 160, 170	`rgb(34,160,170)`
RGB Percent	13.3, 62.7, 66.7	`rgb(13.3%,62.7%,66.7%)`
CMYK	80, 6, 0, 33
HSL	184.4°, 66.7, 40	`hsl(184.4,66.7%,40%)`
HSV (or HSB)	184.4°, 80, 66.7
Web Safe	339999	`#339999`

CIE-LAB	60.232, -28.812, -14.645
XYZ	20.484, 28.382, 42.427
xyY	0.224, 0.311, 28.382
CIE-LCH	60.232, 32.32, 206.943
CIE-LUV	60.232, -43.041, -17.954
Hunter-Lab	53.275, -24.598, -9.925
Binary	00100010, 10100000, 10101010

#22a0aa
```
#22a0aa rgb(34,160,170)
```
#aa2c22
```
#aa2c22 rgb(170,44,34)
```

Complementary Color

#22aa70
```
#22aa70 rgb(34,170,112)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#225caa
```
#225caa rgb(34,92,170)
```

Analogous Color

#aa7022
```
#aa7022 rgb(170,112,34)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#aa225c
```
#aa225c rgb(170,34,92)
```

Split Complementary Color

#a0aa22
```
#a0aa22 rgb(160,170,34)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#aa22a0
```
#aa22a0 rgb(170,34,160)
```

Triadic Color

#22aa2c
```
#22aa2c rgb(34,170,44)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#aa22a0
```
#aa22a0 rgb(170,34,160)
```
#aa2c22
```
#aa2c22 rgb(170,44,34)
```

Tetradic Color

#15646a
```
#15646a rgb(21,100,106)
```
#1a7880
```
#1a7880 rgb(26,120,128)
```
#1e8c95
```
#1e8c95 rgb(30,140,149)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#26b4bf
```
#26b4bf rgb(38,180,191)
```
#2bc8d5
```
#2bc8d5 rgb(43,200,213)
```
#40ced9
```
#40ced9 rgb(64,206,217)
```

Monochromatic Color

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

#22aa92
```
#22aa92 rgb(34,170,146)
```
#22aa9d
```
#22aa9d rgb(34,170,157)
```
#22aaa9
```
#22aaa9 rgb(34,170,169)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#2295aa
```
#2295aa rgb(34,149,170)
```
#2289aa
```
#2289aa rgb(34,137,170)
```
#227eaa
```
#227eaa rgb(34,126,170)
```

Similar Colors

Text with hexadecimal color #22a0aa

This text has a font color of #22a0aa.

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

#22a0aa background color

This paragraph has a background color of #22a0aa.

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

#22a0aa border color

This element has a border color of #22a0aa.

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

CSS codes

.text {color:#22a0aa;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#051617
```
#051617 rgb(5,22,23)
```
#082527
```
#082527 rgb(8,37,39)
```
#0b3438
```
#0b3438 rgb(11,52,56)
```
#0e4448
```
#0e4448 rgb(14,68,72)
```
#125358
```
#125358 rgb(18,83,88)
```
#156269
```
#156269 rgb(21,98,105)
```
#187279
```
#187279 rgb(24,114,121)
```
#1b8189
```
#1b8189 rgb(27,129,137)
```
#1f919a
```
#1f919a rgb(31,145,154)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#25afba
```
#25afba rgb(37,175,186)
```
#29bfcb
```
#29bfcb rgb(41,191,203)
```

Shade Color Variation

#31cad6
```
#31cad6 rgb(49,202,214)
```
#41ced9
```
#41ced9 rgb(65,206,217)
```
#52d2dc
```
#52d2dc rgb(82,210,220)
```
#62d6e0
```
#62d6e0 rgb(98,214,224)
```
#72dbe3
```
#72dbe3 rgb(114,219,227)
```
#83dfe6
```
#83dfe6 rgb(131,223,230)
```
#93e3e9
```
#93e3e9 rgb(147,227,233)
```
#a3e7ed
```
#a3e7ed rgb(163,231,237)
```
#b4ecf0
```
#b4ecf0 rgb(180,236,240)
```
#c4f0f3
```
#c4f0f3 rgb(196,240,243)
```
#d5f4f7
```
#d5f4f7 rgb(213,244,247)
```
#e5f8fa
```
#e5f8fa rgb(229,248,250)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#616a6b
```
#616a6b rgb(97,106,107)
```
#597173
```
#597173 rgb(89,113,115)
```
#51787b
```
#51787b rgb(81,120,123)
```
#497f83
```
#497f83 rgb(73,127,131)
```
#41858b
```
#41858b rgb(65,133,139)
```
#3a8c92
```
#3a8c92 rgb(58,140,146)
```
#32939a
```
#32939a rgb(50,147,154)
```
#2a99a2
```
#2a99a2 rgb(42,153,162)
```
#22a0aa
```
#22a0aa rgb(34,160,170)
```
#1aa7b2
```
#1aa7b2 rgb(26,167,178)
```
#12adba
```
#12adba rgb(18,173,186)
```
#0ab4c2
```
#0ab4c2 rgb(10,180,194)
```
#03bbc9
```
#03bbc9 rgb(3,187,201)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#698284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9495a5 Protanopia 1% of men
#9593b4 Deuteranopia 1% of men
#30a4b0 Tritanopia 0.001% of the population

Trichromacy

#6b99a7 Protanomaly 1% of men, 0.01% of women
#6b98b0 Deuteranomaly 6% of men, 0.4% of women
#2aa2ae Tritanomaly 0.01% of the population

#22a0aa hex color

#22a0aa Color Information

#22a0aa Color Conversion

Color Schemes with #22a0aa

Alternatives to #22a0aa

#22a0aa Preview

Shades and Tints of #22a0aa

Tones of #22a0aa

Color Blindness Simulator