#22aaac hex color

In a RGB color space, hex #22aaac is composed of 13.3% red, 66.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 1.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 180.9 degrees, a saturation of 67% and a lightness of 40.4%. #22aaac color hex could be obtained by blending #44ffff with #005559. Closest websafe color is: #339999.

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

● #22aaac color description : Dark cyan.

The hexadecimal color #22aaac has RGB values of R:34, G:170, B:172 and CMYK values of C:0.8, M:0.01, Y:0, K:0.33. Its decimal value is 2271916.

Hex triplet	22aaac	`#22aaac`
RGB Decimal	34, 170, 172	`rgb(34,170,172)`
RGB Percent	13.3, 66.7, 67.5	`rgb(13.3%,66.7%,67.5%)`
CMYK	80, 1, 0, 33
HSL	180.9°, 67, 40.4	`hsl(180.9,67%,40.4%)`
HSV (or HSB)	180.9°, 80.2, 67.5
Web Safe	339999	`#339999`

CIE-LAB	63.397, -33.025, -11.007
XYZ	22.479, 32.066, 44.032
xyY	0.228, 0.325, 32.066
CIE-LCH	63.397, 34.811, 198.434
CIE-LUV	63.397, -46.457, -11.754
Hunter-Lab	56.627, -28.24, -6.464
Binary	00100010, 10101010, 10101100

#22aaac
```
#22aaac rgb(34,170,172)
```
#ac2422
```
#ac2422 rgb(172,36,34)
```

Complementary Color

#22ac69
```
#22ac69 rgb(34,172,105)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#2265ac
```
#2265ac rgb(34,101,172)
```

Analogous Color

#ac6922
```
#ac6922 rgb(172,105,34)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#ac2265
```
#ac2265 rgb(172,34,101)
```

Split Complementary Color

#aaac22
```
#aaac22 rgb(170,172,34)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#ac22aa
```
#ac22aa rgb(172,34,170)
```

Triadic Color

#22ac24
```
#22ac24 rgb(34,172,36)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#ac22aa
```
#ac22aa rgb(172,34,170)
```
#ac2422
```
#ac2422 rgb(172,36,34)
```

Tetradic Color

#156b6c
```
#156b6c rgb(21,107,108)
```
#1a8081
```
#1a8081 rgb(26,128,129)
```
#1e9597
```
#1e9597 rgb(30,149,151)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#26bfc1
```
#26bfc1 rgb(38,191,193)
```
#2cd3d5
```
#2cd3d5 rgb(44,211,213)
```
#41d7d9
```
#41d7d9 rgb(65,215,217)
```

Monochromatic Color

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

#22ac8c
```
#22ac8c rgb(34,172,140)
```
#22ac97
```
#22ac97 rgb(34,172,151)
```
#22aca3
```
#22aca3 rgb(34,172,163)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#229fac
```
#229fac rgb(34,159,172)
```
#2293ac
```
#2293ac rgb(34,147,172)
```
#2288ac
```
#2288ac rgb(34,136,172)
```

Similar Colors

Text with hexadecimal color #22aaac

This text has a font color of #22aaac.

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

#22aaac background color

This paragraph has a background color of #22aaac.

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

#22aaac border color

This element has a border color of #22aaac.

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

CSS codes

.text {color:#22aaac;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#051819
```
#051819 rgb(5,24,25)
```
#082929
```
#082929 rgb(8,41,41)
```
#0b3939
```
#0b3939 rgb(11,57,57)
```
#0f494a
```
#0f494a rgb(15,73,74)
```
#12595a
```
#12595a rgb(18,89,90)
```
#15696a
```
#15696a rgb(21,105,106)
```
#18797b
```
#18797b rgb(24,121,123)
```
#1c8a8b
```
#1c8a8b rgb(28,138,139)
```
#1f9a9c
```
#1f9a9c rgb(31,154,156)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#25babc
```
#25babc rgb(37,186,188)
```
#28cacd
```
#28cacd rgb(40,202,205)
```

Shade Color Variation

#32d4d7
```
#32d4d7 rgb(50,212,215)
```
#43d8da
```
#43d8da rgb(67,216,218)
```
#53dbdd
```
#53dbdd rgb(83,219,221)
```
#63dee0
```
#63dee0 rgb(99,222,224)
```
#74e2e3
```
#74e2e3 rgb(116,226,227)
```
#84e5e7
```
#84e5e7 rgb(132,229,231)
```
#95e9ea
```
#95e9ea rgb(149,233,234)
```
#a5eced
```
#a5eced rgb(165,236,237)
```
#b5f0f0
```
#b5f0f0 rgb(181,240,240)
```
#c6f3f4
```
#c6f3f4 rgb(198,243,244)
```
#d6f6f7
```
#d6f6f7 rgb(214,246,247)
```
#e6fafa
```
#e6fafa rgb(230,250,250)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#616c6d
```
#616c6d rgb(97,108,109)
```
#597475
```
#597475 rgb(89,116,117)
```
#527c7c
```
#527c7c rgb(82,124,124)
```
#4a8484
```
#4a8484 rgb(74,132,132)
```
#428b8c
```
#428b8c rgb(66,139,140)
```
#3a9394
```
#3a9394 rgb(58,147,148)
```
#329b9c
```
#329b9c rgb(50,155,156)
```
#2aa2a4
```
#2aa2a4 rgb(42,162,164)
```
#22aaac
```
#22aaac rgb(34,170,172)
```
#1ab2b4
```
#1ab2b4 rgb(26,178,180)
```
#12b9bc
```
#12b9bc rgb(18,185,188)
```
#0ac1c4
```
#0ac1c4 rgb(10,193,196)
```
#02c9cc
```
#02c9cc rgb(2,201,204)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6f8a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9da6 Protanopia 1% of men
#a09bb7 Deuteranopia 1% of men
#37acb9 Tritanopia 0.001% of the population

Trichromacy

#71a2a8 Protanomaly 1% of men, 0.01% of women
#72a0b3 Deuteranomaly 6% of men, 0.4% of women
#2fabb4 Tritanomaly 0.01% of the population

#22aaac hex color

#22aaac Color Information

#22aaac Color Conversion

Color Schemes with #22aaac

Alternatives to #22aaac

#22aaac Preview

Shades and Tints of #22aaac

Tones of #22aaac

Color Blindness Simulator