#22aca2 hex color

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

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

● #22aca2 color description : Dark cyan.

The hexadecimal color #22aca2 has RGB values of R:34, G:172, B:162 and CMYK values of C:0.8, M:0, Y:0.06, K:0.33. Its decimal value is 2272418.

Hex triplet	22aca2	`#22aca2`
RGB Decimal	34, 172, 162	`rgb(34,172,162)`
RGB Percent	13.3, 67.5, 63.5	`rgb(13.3%,67.5%,63.5%)`
CMYK	80, 0, 6, 33
HSL	175.7°, 67, 40.4	`hsl(175.7,67%,40.4%)`
HSV (or HSB)	175.7°, 80.2, 67.5
Web Safe	339999	`#339999`

CIE-LAB	63.714, -36.92, -4.946
XYZ	21.932, 32.452, 39.288
xyY	0.234, 0.346, 32.452
CIE-LCH	63.714, 37.249, 187.631
CIE-LUV	63.714, -47.899, -1.826
Hunter-Lab	56.966, -30.97, -1.015
Binary	00100010, 10101100, 10100010

#22aca2
```
#22aca2 rgb(34,172,162)
```
#ac222c
```
#ac222c rgb(172,34,44)
```

Complementary Color

#22ac5d
```
#22ac5d rgb(34,172,93)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#2271ac
```
#2271ac rgb(34,113,172)
```

Analogous Color

#ac5d22
```
#ac5d22 rgb(172,93,34)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#ac2271
```
#ac2271 rgb(172,34,113)
```

Split Complementary Color

#aca222
```
#aca222 rgb(172,162,34)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#a222ac
```
#a222ac rgb(162,34,172)
```

Triadic Color

#2cac22
```
#2cac22 rgb(44,172,34)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#a222ac
```
#a222ac rgb(162,34,172)
```
#ac222c
```
#ac222c rgb(172,34,44)
```

Tetradic Color

#156c66
```
#156c66 rgb(21,108,102)
```
#1a817a
```
#1a817a rgb(26,129,122)
```
#1e978e
```
#1e978e rgb(30,151,142)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#26c1b6
```
#26c1b6 rgb(38,193,182)
```
#2cd5c9
```
#2cd5c9 rgb(44,213,201)
```
#41d9ce
```
#41d9ce rgb(65,217,206)
```

Monochromatic Color

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

#22ac80
```
#22ac80 rgb(34,172,128)
```
#22ac8b
```
#22ac8b rgb(34,172,139)
```
#22ac97
```
#22ac97 rgb(34,172,151)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#22abac
```
#22abac rgb(34,171,172)
```
#229fac
```
#229fac rgb(34,159,172)
```
#2294ac
```
#2294ac rgb(34,148,172)
```

Similar Colors

Text with hexadecimal color #22aca2

This text has a font color of #22aca2.

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

#22aca2 background color

This paragraph has a background color of #22aca2.

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

#22aca2 border color

This element has a border color of #22aca2.

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

CSS codes

.text {color:#22aca2;}

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

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

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)
```
#051917
```
#051917 rgb(5,25,23)
```
#082927
```
#082927 rgb(8,41,39)
```
#0b3936
```
#0b3936 rgb(11,57,54)
```
#0f4a45
```
#0f4a45 rgb(15,74,69)
```
#125a55
```
#125a55 rgb(18,90,85)
```
#156a64
```
#156a64 rgb(21,106,100)
```
#187b74
```
#187b74 rgb(24,123,116)
```
#1c8b83
```
#1c8b83 rgb(28,139,131)
```
#1f9c93
```
#1f9c93 rgb(31,156,147)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#25bcb1
```
#25bcb1 rgb(37,188,177)
```
#28cdc1
```
#28cdc1 rgb(40,205,193)
```

Shade Color Variation

#32d7cb
```
#32d7cb rgb(50,215,203)
```
#43dacf
```
#43dacf rgb(67,218,207)
```
#53ddd3
```
#53ddd3 rgb(83,221,211)
```
#63e0d7
```
#63e0d7 rgb(99,224,215)
```
#74e3db
```
#74e3db rgb(116,227,219)
```
#84e7e0
```
#84e7e0 rgb(132,231,224)
```
#95eae4
```
#95eae4 rgb(149,234,228)
```
#a5ede8
```
#a5ede8 rgb(165,237,232)
```
#b5f0ec
```
#b5f0ec rgb(181,240,236)
```
#c6f4f0
```
#c6f4f0 rgb(198,244,240)
```
#d6f7f5
```
#d6f7f5 rgb(214,247,245)
```
#e6faf9
```
#e6faf9 rgb(230,250,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#616d6c
```
#616d6c rgb(97,109,108)
```
#597573
```
#597573 rgb(89,117,115)
```
#527c79
```
#527c79 rgb(82,124,121)
```
#4a8480
```
#4a8480 rgb(74,132,128)
```
#428c87
```
#428c87 rgb(66,140,135)
```
#3a948e
```
#3a948e rgb(58,148,142)
```
#329c94
```
#329c94 rgb(50,156,148)
```
#2aa49b
```
#2aa49b rgb(42,164,155)
```
#22aca2
```
#22aca2 rgb(34,172,162)
```
#1ab4a9
```
#1ab4a9 rgb(26,180,169)
```
#12bcb0
```
#12bcb0 rgb(18,188,176)
```
#0ac4b6
```
#0ac4b6 rgb(10,196,182)
```
#02ccbd
```
#02ccbd rgb(2,204,189)
```

Tone Color Variation

Below, you can see how #22aca2 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
#6f8a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29e9d Protanopia 1% of men
#a79bae Deuteranopia 1% of men
#3fadba Tritanopia 0.001% of the population

Trichromacy

#73a39f Protanomaly 1% of men, 0.01% of women
#76a1a9 Deuteranomaly 6% of men, 0.4% of women
#34acb1 Tritanomaly 0.01% of the population

#22aca2 hex color

#22aca2 Color Information

#22aca2 Color Conversion

Color Schemes with #22aca2

Alternatives to #22aca2

#22aca2 Preview

Shades and Tints of #22aca2

Tones of #22aca2

Color Blindness Simulator