#22afa3 hex color

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

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

● #22afa3 color description : Dark cyan.

The hexadecimal color #22afa3 has RGB values of R:34, G:175, B:163 and CMYK values of C:0.81, M:0, Y:0.07, K:0.31. Its decimal value is 2273187.

Hex triplet	22afa3	`#22afa3`
RGB Decimal	34, 175, 163	`rgb(34,175,163)`
RGB Percent	13.3, 68.6, 63.9	`rgb(13.3%,68.6%,63.9%)`
CMYK	81, 0, 7, 31
HSL	174.9°, 67.5, 41	`hsl(174.9,67.5%,41%)`
HSV (or HSB)	174.9°, 80.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.678, -37.995, -4.082
XYZ	22.598, 33.642, 39.951
xyY	0.235, 0.35, 33.642
CIE-LCH	64.678, 38.213, 186.132
CIE-LUV	64.678, -48.89, -0.355
Hunter-Lab	58.002, -31.957, -0.237
Binary	00100010, 10101111, 10100011

#22afa3
```
#22afa3 rgb(34,175,163)
```
#af222e
```
#af222e rgb(175,34,46)
```

Complementary Color

#22af5c
```
#22af5c rgb(34,175,92)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#2275af
```
#2275af rgb(34,117,175)
```

Analogous Color

#af5d22
```
#af5d22 rgb(175,93,34)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#af2275
```
#af2275 rgb(175,34,117)
```

Split Complementary Color

#afa322
```
#afa322 rgb(175,163,34)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#a322af
```
#a322af rgb(163,34,175)
```

Triadic Color

#2eaf22
```
#2eaf22 rgb(46,175,34)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#a322af
```
#a322af rgb(163,34,175)
```
#af222e
```
#af222e rgb(175,34,46)
```

Tetradic Color

#166f67
```
#166f67 rgb(22,111,103)
```
#1a847b
```
#1a847b rgb(26,132,123)
```
#1e9a8f
```
#1e9a8f rgb(30,154,143)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#26c4b7
```
#26c4b7 rgb(38,196,183)
```
#2ed6c8
```
#2ed6c8 rgb(46,214,200)
```
#43dace
```
#43dace rgb(67,218,206)
```

Monochromatic Color

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

#22af80
```
#22af80 rgb(34,175,128)
```
#22af8c
```
#22af8c rgb(34,175,140)
```
#22af97
```
#22af97 rgb(34,175,151)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#22afaf
```
#22afaf rgb(34,175,175)
```
#22a4af
```
#22a4af rgb(34,164,175)
```
#2298af
```
#2298af rgb(34,152,175)
```

Similar Colors

Text with hexadecimal color #22afa3

This text has a font color of #22afa3.

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

#22afa3 background color

This paragraph has a background color of #22afa3.

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

#22afa3 border color

This element has a border color of #22afa3.

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

CSS codes

.text {color:#22afa3;}

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

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

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)
```
#051b19
```
#051b19 rgb(5,27,25)
```
#082c29
```
#082c29 rgb(8,44,41)
```
#0c3c38
```
#0c3c38 rgb(12,60,56)
```
#0f4c47
```
#0f4c47 rgb(15,76,71)
```
#125d57
```
#125d57 rgb(18,93,87)
```
#156d66
```
#156d66 rgb(21,109,102)
```
#187e75
```
#187e75 rgb(24,126,117)
```
#1c8e84
```
#1c8e84 rgb(28,142,132)
```
#1f9f94
```
#1f9f94 rgb(31,159,148)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#25bfb2
```
#25bfb2 rgb(37,191,178)
```
#28d0c2
```
#28d0c2 rgb(40,208,194)
```

Shade Color Variation

#34d8ca
```
#34d8ca rgb(52,216,202)
```
#45dbce
```
#45dbce rgb(69,219,206)
```
#55ded2
```
#55ded2 rgb(85,222,210)
```
#66e1d7
```
#66e1d7 rgb(102,225,215)
```
#76e4db
```
#76e4db rgb(118,228,219)
```
#86e8df
```
#86e8df rgb(134,232,223)
```
#97ebe4
```
#97ebe4 rgb(151,235,228)
```
#a7eee8
```
#a7eee8 rgb(167,238,232)
```
#b8f1ec
```
#b8f1ec rgb(184,241,236)
```
#c8f4f1
```
#c8f4f1 rgb(200,244,241)
```
#d8f8f5
```
#d8f8f5 rgb(216,248,245)
```
#e9fbf9
```
#e9fbf9 rgb(233,251,249)
```
#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 #02cfbe is the most saturated one.

#626f6e
```
#626f6e rgb(98,111,110)
```
#5a7774
```
#5a7774 rgb(90,119,116)
```
#527f7b
```
#527f7b rgb(82,127,123)
```
#4a8782
```
#4a8782 rgb(74,135,130)
```
#428f88
```
#428f88 rgb(66,143,136)
```
#3a978f
```
#3a978f rgb(58,151,143)
```
#329f96
```
#329f96 rgb(50,159,150)
```
#2aa79c
```
#2aa79c rgb(42,167,156)
```
#22afa3
```
#22afa3 rgb(34,175,163)
```
#1ab7aa
```
#1ab7aa rgb(26,183,170)
```
#12bfb0
```
#12bfb0 rgb(18,191,176)
```
#0ac7b7
```
#0ac7b7 rgb(10,199,183)
```
#02cfbe
```
#02cfbe rgb(2,207,190)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#708c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a19e Protanopia 1% of men
#aa9daf Deuteranopia 1% of men
#40afbc Tritanopia 0.001% of the population

Trichromacy

#75a69f Protanomaly 1% of men, 0.01% of women
#78a4aa Deuteranomaly 6% of men, 0.4% of women
#35afb3 Tritanomaly 0.01% of the population

#22afa3 hex color

#22afa3 Color Information

#22afa3 Color Conversion

Color Schemes with #22afa3

Alternatives to #22afa3

#22afa3 Preview

Shades and Tints of #22afa3

Tones of #22afa3

Color Blindness Simulator