#22afab hex color

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

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

● #22afab color description : Dark cyan.

The hexadecimal color #22afab has RGB values of R:34, G:175, B:171 and CMYK values of C:0.81, M:0, Y:0.02, K:0.31. Its decimal value is 2273195.

Hex triplet	22afab	`#22afab`
RGB Decimal	34, 175, 171	`rgb(34,175,171)`
RGB Percent	13.3, 68.6, 67.1	`rgb(13.3%,68.6%,67.1%)`
CMYK	81, 0, 2, 31
HSL	178.3°, 67.5, 41	`hsl(178.3,67.5%,41%)`
HSV (or HSB)	178.3°, 80.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.913, -35.668, -8.186
XYZ	23.338, 33.938, 43.847
xyY	0.231, 0.336, 33.938
CIE-LCH	64.913, 36.595, 192.925
CIE-LUV	64.913, -48.302, -7.002
Hunter-Lab	58.256, -30.44, -3.845
Binary	00100010, 10101111, 10101011

#22afab
```
#22afab rgb(34,175,171)
```
#af2226
```
#af2226 rgb(175,34,38)
```

Complementary Color

#22af65
```
#22af65 rgb(34,175,101)
```
#22afab
```
#22afab rgb(34,175,171)
```
#226daf
```
#226daf rgb(34,109,175)
```

Analogous Color

#af6522
```
#af6522 rgb(175,101,34)
```
#22afab
```
#22afab rgb(34,175,171)
```
#af226d
```
#af226d rgb(175,34,109)
```

Split Complementary Color

#afab22
```
#afab22 rgb(175,171,34)
```
#22afab
```
#22afab rgb(34,175,171)
```
#ab22af
```
#ab22af rgb(171,34,175)
```

Triadic Color

#26af22
```
#26af22 rgb(38,175,34)
```
#22afab
```
#22afab rgb(34,175,171)
```
#ab22af
```
#ab22af rgb(171,34,175)
```
#af2226
```
#af2226 rgb(175,34,38)
```

Tetradic Color

#166f6c
```
#166f6c rgb(22,111,108)
```
#1a8481
```
#1a8481 rgb(26,132,129)
```
#1e9a96
```
#1e9a96 rgb(30,154,150)
```
#22afab
```
#22afab rgb(34,175,171)
```
#26c4c0
```
#26c4c0 rgb(38,196,192)
```
#2ed6d2
```
#2ed6d2 rgb(46,214,210)
```
#43dad6
```
#43dad6 rgb(67,218,214)
```

Monochromatic Color

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

#22af88
```
#22af88 rgb(34,175,136)
```
#22af94
```
#22af94 rgb(34,175,148)
```
#22af9f
```
#22af9f rgb(34,175,159)
```
#22afab
```
#22afab rgb(34,175,171)
```
#22a7af
```
#22a7af rgb(34,167,175)
```
#229caf
```
#229caf rgb(34,156,175)
```
#2290af
```
#2290af rgb(34,144,175)
```

Similar Colors

Text with hexadecimal color #22afab

This text has a font color of #22afab.

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

#22afab background color

This paragraph has a background color of #22afab.

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

#22afab border color

This element has a border color of #22afab.

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

CSS codes

.text {color:#22afab;}

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

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

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

#020b0b
```
#020b0b rgb(2,11,11)
```
#051b1b
```
#051b1b rgb(5,27,27)
```
#082c2b
```
#082c2b rgb(8,44,43)
```
#0c3c3b
```
#0c3c3b rgb(12,60,59)
```
#0f4c4b
```
#0f4c4b rgb(15,76,75)
```
#125d5b
```
#125d5b rgb(18,93,91)
```
#156d6b
```
#156d6b rgb(21,109,107)
```
#187e7b
```
#187e7b rgb(24,126,123)
```
#1c8e8b
```
#1c8e8b rgb(28,142,139)
```
#1f9f9b
```
#1f9f9b rgb(31,159,155)
```
#22afab
```
#22afab rgb(34,175,171)
```
#25bfbb
```
#25bfbb rgb(37,191,187)
```
#28d0cb
```
#28d0cb rgb(40,208,203)
```

Shade Color Variation

#34d8d3
```
#34d8d3 rgb(52,216,211)
```
#45dbd7
```
#45dbd7 rgb(69,219,215)
```
#55deda
```
#55deda rgb(85,222,218)
```
#66e1de
```
#66e1de rgb(102,225,222)
```
#76e4e1
```
#76e4e1 rgb(118,228,225)
```
#86e8e5
```
#86e8e5 rgb(134,232,229)
```
#97ebe8
```
#97ebe8 rgb(151,235,232)
```
#a7eeec
```
#a7eeec rgb(167,238,236)
```
#b8f1f0
```
#b8f1f0 rgb(184,241,240)
```
#c8f4f3
```
#c8f4f3 rgb(200,244,243)
```
#d8f8f7
```
#d8f8f7 rgb(216,248,247)
```
#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 #02cfc9 is the most saturated one.

#626f6e
```
#626f6e rgb(98,111,110)
```
#5a7776
```
#5a7776 rgb(90,119,118)
```
#527f7e
```
#527f7e rgb(82,127,126)
```
#4a8785
```
#4a8785 rgb(74,135,133)
```
#428f8d
```
#428f8d rgb(66,143,141)
```
#3a9794
```
#3a9794 rgb(58,151,148)
```
#329f9c
```
#329f9c rgb(50,159,156)
```
#2aa7a3
```
#2aa7a3 rgb(42,167,163)
```
#22afab
```
#22afab rgb(34,175,171)
```
#1ab7b3
```
#1ab7b3 rgb(26,183,179)
```
#12bfba
```
#12bfba rgb(18,191,186)
```
#0ac7c2
```
#0ac7c2 rgb(10,199,194)
```
#02cfc9
```
#02cfc9 rgb(2,207,201)
```

Tone Color Variation

Below, you can see how #22afab 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
#708d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a1a5 Protanopia 1% of men
#a79eb6 Deuteranopia 1% of men
#3bb0bd Tritanopia 0.001% of the population

Trichromacy

#74a6a7 Protanomaly 1% of men, 0.01% of women
#76a4b2 Deuteranomaly 6% of men, 0.4% of women
#32b0b6 Tritanomaly 0.01% of the population

#22afab hex color

#22afab Color Information

#22afab Color Conversion

Color Schemes with #22afab

Alternatives to #22afab

#22afab Preview

Shades and Tints of #22afab

Tones of #22afab

Color Blindness Simulator