#22aca4 hex color

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

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

● #22aca4 color description : Dark cyan.

The hexadecimal color #22aca4 has RGB values of R:34, G:172, B:164 and CMYK values of C:0.8, M:0, Y:0.05, K:0.33. Its decimal value is 2272420.

Hex triplet	22aca4	`#22aca4`
RGB Decimal	34, 172, 164	`rgb(34,172,164)`
RGB Percent	13.3, 67.5, 64.3	`rgb(13.3%,67.5%,64.3%)`
CMYK	80, 0, 5, 33
HSL	176.5°, 67, 40.4	`hsl(176.5,67%,40.4%)`
HSV (or HSB)	176.5°, 80.2, 67.5
Web Safe	339999	`#339999`

CIE-LAB	63.773, -36.339, -5.977
XYZ	22.111, 32.523, 40.232
xyY	0.233, 0.343, 32.523
CIE-LCH	63.773, 36.827, 189.34
CIE-LUV	63.773, -47.753, -3.484
Hunter-Lab	57.029, -30.595, -1.907
Binary	00100010, 10101100, 10100100

#22aca4
```
#22aca4 rgb(34,172,164)
```
#ac222a
```
#ac222a rgb(172,34,42)
```

Complementary Color

#22ac5f
```
#22ac5f rgb(34,172,95)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#226fac
```
#226fac rgb(34,111,172)
```

Analogous Color

#ac5f22
```
#ac5f22 rgb(172,95,34)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#ac226f
```
#ac226f rgb(172,34,111)
```

Split Complementary Color

#aca422
```
#aca422 rgb(172,164,34)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#a422ac
```
#a422ac rgb(164,34,172)
```

Triadic Color

#2aac22
```
#2aac22 rgb(42,172,34)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#a422ac
```
#a422ac rgb(164,34,172)
```
#ac222a
```
#ac222a rgb(172,34,42)
```

Tetradic Color

#156c67
```
#156c67 rgb(21,108,103)
```
#1a817b
```
#1a817b rgb(26,129,123)
```
#1e9790
```
#1e9790 rgb(30,151,144)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#26c1b8
```
#26c1b8 rgb(38,193,184)
```
#2cd5cb
```
#2cd5cb rgb(44,213,203)
```
#41d9d1
```
#41d9d1 rgb(65,217,209)
```

Monochromatic Color

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

#22ac82
```
#22ac82 rgb(34,172,130)
```
#22ac8d
```
#22ac8d rgb(34,172,141)
```
#22ac99
```
#22ac99 rgb(34,172,153)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#22a9ac
```
#22a9ac rgb(34,169,172)
```
#229dac
```
#229dac rgb(34,157,172)
```
#2292ac
```
#2292ac rgb(34,146,172)
```

Similar Colors

Text with hexadecimal color #22aca4

This text has a font color of #22aca4.

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

#22aca4 background color

This paragraph has a background color of #22aca4.

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

#22aca4 border color

This element has a border color of #22aca4.

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

CSS codes

.text {color:#22aca4;}

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

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

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)
```
#0b3937
```
#0b3937 rgb(11,57,55)
```
#0f4a46
```
#0f4a46 rgb(15,74,70)
```
#125a56
```
#125a56 rgb(18,90,86)
```
#156a66
```
#156a66 rgb(21,106,102)
```
#187b75
```
#187b75 rgb(24,123,117)
```
#1c8b85
```
#1c8b85 rgb(28,139,133)
```
#1f9c94
```
#1f9c94 rgb(31,156,148)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#25bcb4
```
#25bcb4 rgb(37,188,180)
```
#28cdc3
```
#28cdc3 rgb(40,205,195)
```

Shade Color Variation

#32d7cd
```
#32d7cd rgb(50,215,205)
```
#43dad1
```
#43dad1 rgb(67,218,209)
```
#53ddd5
```
#53ddd5 rgb(83,221,213)
```
#63e0d9
```
#63e0d9 rgb(99,224,217)
```
#74e3dd
```
#74e3dd rgb(116,227,221)
```
#84e7e1
```
#84e7e1 rgb(132,231,225)
```
#95eae5
```
#95eae5 rgb(149,234,229)
```
#a5ede9
```
#a5ede9 rgb(165,237,233)
```
#b5f0ed
```
#b5f0ed rgb(181,240,237)
```
#c6f4f1
```
#c6f4f1 rgb(198,244,241)
```
#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 #02ccc0 is the most saturated one.

#616d6c
```
#616d6c rgb(97,109,108)
```
#597573
```
#597573 rgb(89,117,115)
```
#527c7a
```
#527c7a rgb(82,124,122)
```
#4a8481
```
#4a8481 rgb(74,132,129)
```
#428c88
```
#428c88 rgb(66,140,136)
```
#3a948f
```
#3a948f rgb(58,148,143)
```
#329c96
```
#329c96 rgb(50,156,150)
```
#2aa49d
```
#2aa49d rgb(42,164,157)
```
#22aca4
```
#22aca4 rgb(34,172,164)
```
#1ab4ab
```
#1ab4ab rgb(26,180,171)
```
#12bcb2
```
#12bcb2 rgb(18,188,178)
```
#0ac4b9
```
#0ac4b9 rgb(10,196,185)
```
#02ccc0
```
#02ccc0 rgb(2,204,192)
```

Tone Color Variation

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

Dichromacy

#a29e9f Protanopia 1% of men
#a69bb0 Deuteranopia 1% of men
#3dadba Tritanopia 0.001% of the population

Trichromacy

#73a3a1 Protanomaly 1% of men, 0.01% of women
#76a1ab Deuteranomaly 6% of men, 0.4% of women
#33adb2 Tritanomaly 0.01% of the population

#22aca4 hex color

#22aca4 Color Information

#22aca4 Color Conversion

Color Schemes with #22aca4

Alternatives to #22aca4

#22aca4 Preview

Shades and Tints of #22aca4

Tones of #22aca4

Color Blindness Simulator