#22afa6 hex color

In a RGB color space, hex #22afa6 is composed of 13.3% red, 68.6% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 5.1% yellow and 31.4% black. It has a hue angle of 176.2 degrees, a saturation of 67.5% and a lightness of 41%. #22afa6 color hex could be obtained by blending #44ffff with #005f4d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 69
- B 65
RGB color chart
- C 81
- M 0
- Y 5
- K 31
CMYK color chart

● #22afa6 color description : Dark cyan.

The hexadecimal color #22afa6 has RGB values of R:34, G:175, B:166 and CMYK values of C:0.81, M:0, Y:0.05, K:0.31. Its decimal value is 2273190.

Hex triplet	22afa6	`#22afa6`
RGB Decimal	34, 175, 166	`rgb(34,175,166)`
RGB Percent	13.3, 68.6, 65.1	`rgb(13.3%,68.6%,65.1%)`
CMYK	81, 0, 5, 31
HSL	176.2°, 67.5, 41	`hsl(176.2,67.5%,41%)`
HSV (or HSB)	176.2°, 80.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.764, -37.131, -5.623
XYZ	22.87, 33.751, 41.384
xyY	0.233, 0.344, 33.751
CIE-LCH	64.764, 37.555, 188.612
CIE-LUV	64.764, -48.67, -2.834
Hunter-Lab	58.096, -31.397, -1.567
Binary	00100010, 10101111, 10100110

#22afa6
```
#22afa6 rgb(34,175,166)
```
#af222b
```
#af222b rgb(175,34,43)
```

Complementary Color

#22af60
```
#22af60 rgb(34,175,96)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#2272af
```
#2272af rgb(34,114,175)
```

Analogous Color

#af6022
```
#af6022 rgb(175,96,34)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#af2272
```
#af2272 rgb(175,34,114)
```

Split Complementary Color

#afa622
```
#afa622 rgb(175,166,34)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#a622af
```
#a622af rgb(166,34,175)
```

Triadic Color

#2baf22
```
#2baf22 rgb(43,175,34)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#a622af
```
#a622af rgb(166,34,175)
```
#af222b
```
#af222b rgb(175,34,43)
```

Tetradic Color

#166f69
```
#166f69 rgb(22,111,105)
```
#1a847d
```
#1a847d rgb(26,132,125)
```
#1e9a92
```
#1e9a92 rgb(30,154,146)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#26c4ba
```
#26c4ba rgb(38,196,186)
```
#2ed6cc
```
#2ed6cc rgb(46,214,204)
```
#43dad1
```
#43dad1 rgb(67,218,209)
```

Monochromatic Color

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

#22af83
```
#22af83 rgb(34,175,131)
```
#22af8f
```
#22af8f rgb(34,175,143)
```
#22af9a
```
#22af9a rgb(34,175,154)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#22acaf
```
#22acaf rgb(34,172,175)
```
#22a1af
```
#22a1af rgb(34,161,175)
```
#2295af
```
#2295af rgb(34,149,175)
```

Similar Colors

Text with hexadecimal color #22afa6

This text has a font color of #22afa6.

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

#22afa6 background color

This paragraph has a background color of #22afa6.

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

#22afa6 border color

This element has a border color of #22afa6.

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

CSS codes

.text {color:#22afa6;}

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

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

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, #020b0a is the darkest color, while #f9fefe is the lightest one.

#020b0a
```
#020b0a rgb(2,11,10)
```
#051b1a
```
#051b1a rgb(5,27,26)
```
#082c29
```
#082c29 rgb(8,44,41)
```
#0c3c39
```
#0c3c39 rgb(12,60,57)
```
#0f4c49
```
#0f4c49 rgb(15,76,73)
```
#125d58
```
#125d58 rgb(18,93,88)
```
#156d68
```
#156d68 rgb(21,109,104)
```
#187e77
```
#187e77 rgb(24,126,119)
```
#1c8e87
```
#1c8e87 rgb(28,142,135)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#25bfb6
```
#25bfb6 rgb(37,191,182)
```
#28d0c5
```
#28d0c5 rgb(40,208,197)
```

Shade Color Variation

#34d8cd
```
#34d8cd rgb(52,216,205)
```
#45dbd1
```
#45dbd1 rgb(69,219,209)
```
#55ded5
```
#55ded5 rgb(85,222,213)
```
#66e1d9
```
#66e1d9 rgb(102,225,217)
```
#76e4dd
```
#76e4dd rgb(118,228,221)
```
#86e8e1
```
#86e8e1 rgb(134,232,225)
```
#97ebe5
```
#97ebe5 rgb(151,235,229)
```
#a7eee9
```
#a7eee9 rgb(167,238,233)
```
#b8f1ed
```
#b8f1ed rgb(184,241,237)
```
#c8f4f2
```
#c8f4f2 rgb(200,244,242)
```
#d8f8f6
```
#d8f8f6 rgb(216,248,246)
```
#e9fbfa
```
#e9fbfa rgb(233,251,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#626f6e
```
#626f6e rgb(98,111,110)
```
#5a7775
```
#5a7775 rgb(90,119,117)
```
#527f7c
```
#527f7c rgb(82,127,124)
```
#4a8783
```
#4a8783 rgb(74,135,131)
```
#428f8a
```
#428f8a rgb(66,143,138)
```
#3a9791
```
#3a9791 rgb(58,151,145)
```
#329f98
```
#329f98 rgb(50,159,152)
```
#2aa79f
```
#2aa79f rgb(42,167,159)
```
#22afa6
```
#22afa6 rgb(34,175,166)
```
#1ab7ad
```
#1ab7ad rgb(26,183,173)
```
#12bfb4
```
#12bfb4 rgb(18,191,180)
```
#0ac7bb
```
#0ac7bb rgb(10,199,187)
```
#02cfc2
```
#02cfc2 rgb(2,207,194)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#708d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a1a1 Protanopia 1% of men
#a99eb2 Deuteranopia 1% of men
#3eb0bd Tritanopia 0.001% of the population

Trichromacy

#75a6a2 Protanomaly 1% of men, 0.01% of women
#78a4ad Deuteranomaly 6% of men, 0.4% of women
#34afb4 Tritanomaly 0.01% of the population

#22afa6 hex color

#22afa6 Color Information

#22afa6 Color Conversion

Color Schemes with #22afa6

Alternatives to #22afa6

#22afa6 Preview

Shades and Tints of #22afa6

Tones of #22afa6

Color Blindness Simulator