#22afba hex color

In a RGB color space, hex #22afba is composed of 13.3% red, 68.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 5.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 184.3 degrees, a saturation of 69.1% and a lightness of 43.1%. #22afba color hex could be obtained by blending #44ffff with #005f75. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 73
RGB color chart
- C 82
- M 6
- Y 0
- K 27
CMYK color chart

● #22afba color description : Strong cyan.

The hexadecimal color #22afba has RGB values of R:34, G:175, B:186 and CMYK values of C:0.82, M:0.06, Y:0, K:0.27. Its decimal value is 2273210.

Hex triplet	22afba	`#22afba`
RGB Decimal	34, 175, 186	`rgb(34,175,186)`
RGB Percent	13.3, 68.6, 72.9	`rgb(13.3%,68.6%,72.9%)`
CMYK	82, 6, 0, 27
HSL	184.3°, 69.1, 43.1	`hsl(184.3,69.1%,43.1%)`
HSV (or HSB)	184.3°, 81.7, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.391, -31.107, -15.81
XYZ	24.85, 34.543, 51.809
xyY	0.223, 0.311, 34.543
CIE-LCH	65.391, 34.894, 206.942
CIE-LUV	65.391, -47.196, -19.731
Hunter-Lab	58.773, -27.381, -11.124
Binary	00100010, 10101111, 10111010

#22afba
```
#22afba rgb(34,175,186)
```
#ba2d22
```
#ba2d22 rgb(186,45,34)
```

Complementary Color

#22ba79
```
#22ba79 rgb(34,186,121)
```
#22afba
```
#22afba rgb(34,175,186)
```
#2263ba
```
#2263ba rgb(34,99,186)
```

Analogous Color

#ba7922
```
#ba7922 rgb(186,121,34)
```
#22afba
```
#22afba rgb(34,175,186)
```
#ba2263
```
#ba2263 rgb(186,34,99)
```

Split Complementary Color

#afba22
```
#afba22 rgb(175,186,34)
```
#22afba
```
#22afba rgb(34,175,186)
```
#ba22af
```
#ba22af rgb(186,34,175)
```

Triadic Color

#22ba2d
```
#22ba2d rgb(34,186,45)
```
#22afba
```
#22afba rgb(34,175,186)
```
#ba22af
```
#ba22af rgb(186,34,175)
```
#ba2d22
```
#ba2d22 rgb(186,45,34)
```

Tetradic Color

#167279
```
#167279 rgb(22,114,121)
```
#1a868f
```
#1a868f rgb(26,134,143)
```
#1e9ba4
```
#1e9ba4 rgb(30,155,164)
```
#22afba
```
#22afba rgb(34,175,186)
```
#26c3d0
```
#26c3d0 rgb(38,195,208)
```
#35ceda
```
#35ceda rgb(53,206,218)
```
#4ad3de
```
#4ad3de rgb(74,211,222)
```

Monochromatic Color

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

#22ba9f
```
#22ba9f rgb(34,186,159)
```
#22baac
```
#22baac rgb(34,186,172)
```
#22bab8
```
#22bab8 rgb(34,186,184)
```
#22afba
```
#22afba rgb(34,175,186)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#2296ba
```
#2296ba rgb(34,150,186)
```
#2289ba
```
#2289ba rgb(34,137,186)
```

Similar Colors

Text with hexadecimal color #22afba

This text has a font color of #22afba.

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

#22afba background color

This paragraph has a background color of #22afba.

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

#22afba border color

This element has a border color of #22afba.

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

CSS codes

.text {color:#22afba;}

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

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

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, #010304 is the darkest color, while #f2fcfd is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#041314
```
#041314 rgb(4,19,20)
```
#072325
```
#072325 rgb(7,35,37)
```
#0a3235
```
#0a3235 rgb(10,50,53)
```
#0d4246
```
#0d4246 rgb(13,66,70)
```
#105156
```
#105156 rgb(16,81,86)
```
#136167
```
#136167 rgb(19,97,103)
```
#167178
```
#167178 rgb(22,113,120)
```
#198088
```
#198088 rgb(25,128,136)
```
#1c9099
```
#1c9099 rgb(28,144,153)
```
#1f9fa9
```
#1f9fa9 rgb(31,159,169)
```
#22afba
```
#22afba rgb(34,175,186)
```
#25bfcb
```
#25bfcb rgb(37,191,203)
```

Shade Color Variation

#2bccd8
```
#2bccd8 rgb(43,204,216)
```
#3cd0db
```
#3cd0db rgb(60,208,219)
```
#4cd4de
```
#4cd4de rgb(76,212,222)
```
#5dd8e1
```
#5dd8e1 rgb(93,216,225)
```
#6ddce4
```
#6ddce4 rgb(109,220,228)
```
#7ee0e7
```
#7ee0e7 rgb(126,224,231)
```
#8ee4ea
```
#8ee4ea rgb(142,228,234)
```
#9fe8ed
```
#9fe8ed rgb(159,232,237)
```
#b0ecf0
```
#b0ecf0 rgb(176,236,240)
```
#c0f0f4
```
#c0f0f4 rgb(192,240,244)
```
#d1f4f7
```
#d1f4f7 rgb(209,244,247)
```
#e1f8fa
```
#e1f8fa rgb(225,248,250)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #667576 is the less saturated color, while #00ccdc is the most saturated one.

#667576
```
#667576 rgb(102,117,118)
```
#5d7c7f
```
#5d7c7f rgb(93,124,127)
```
#558487
```
#558487 rgb(85,132,135)
```
#4c8b90
```
#4c8b90 rgb(76,139,144)
```
#449298
```
#449298 rgb(68,146,152)
```
#3b99a1
```
#3b99a1 rgb(59,153,161)
```
#33a1a9
```
#33a1a9 rgb(51,161,169)
```
#2aa8b2
```
#2aa8b2 rgb(42,168,178)
```
#22afba
```
#22afba rgb(34,175,186)
```
#1ab6c2
```
#1ab6c2 rgb(26,182,194)
```
#11bdcb
```
#11bdcb rgb(17,189,203)
```
#09c5d3
```
#09c5d3 rgb(9,197,211)
```
#00ccdc
```
#00ccdc rgb(0,204,220)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#728e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a2b3 Protanopia 1% of men
#a1a0c4 Deuteranopia 1% of men
#30b2bf Tritanopia 0.001% of the population

Trichromacy

#73a7b6 Protanomaly 1% of men, 0.01% of women
#73a5c0 Deuteranomaly 6% of men, 0.4% of women
#2bb1bd Tritanomaly 0.01% of the population

#22afba hex color

#22afba Color Information

#22afba Color Conversion

Color Schemes with #22afba

Alternatives to #22afba

#22afba Preview

Shades and Tints of #22afba

Tones of #22afba

Color Blindness Simulator