#22a2ba hex color

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

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

● #22a2ba color description : Strong cyan.

The hexadecimal color #22a2ba has RGB values of R:34, G:162, B:186 and CMYK values of C:0.82, M:0.13, Y:0, K:0.27. Its decimal value is 2269882.

Hex triplet	22a2ba	`#22a2ba`
RGB Decimal	34, 162, 186	`rgb(34,162,186)`
RGB Percent	13.3, 63.5, 72.9	`rgb(13.3%,63.5%,72.9%)`
CMYK	82, 13, 0, 27
HSL	189.5°, 69.1, 43.1	`hsl(189.5,69.1%,43.1%)`
HSV (or HSB)	189.5°, 81.7, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.415, -24.656, -21.854
XYZ	22.44, 29.724, 51.006
xyY	0.218, 0.288, 29.724
CIE-LCH	61.415, 32.947, 221.553
CIE-LUV	61.415, -42.61, -30.16
Hunter-Lab	54.52, -21.938, -17.306
Binary	00100010, 10100010, 10111010

#22a2ba
```
#22a2ba rgb(34,162,186)
```
#ba3a22
```
#ba3a22 rgb(186,58,34)
```

Complementary Color

#22ba86
```
#22ba86 rgb(34,186,134)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#2256ba
```
#2256ba rgb(34,86,186)
```

Analogous Color

#ba8622
```
#ba8622 rgb(186,134,34)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#ba2256
```
#ba2256 rgb(186,34,86)
```

Split Complementary Color

#a2ba22
```
#a2ba22 rgb(162,186,34)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#ba22a2
```
#ba22a2 rgb(186,34,162)
```

Triadic Color

#22ba3a
```
#22ba3a rgb(34,186,58)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#ba22a2
```
#ba22a2 rgb(186,34,162)
```
#ba3a22
```
#ba3a22 rgb(186,58,34)
```

Tetradic Color

#166a79
```
#166a79 rgb(22,106,121)
```
#1a7c8f
```
#1a7c8f rgb(26,124,143)
```
#1e8fa4
```
#1e8fa4 rgb(30,143,164)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#26b5d0
```
#26b5d0 rgb(38,181,208)
```
#35c0da
```
#35c0da rgb(53,192,218)
```
#4ac7de
```
#4ac7de rgb(74,199,222)
```

Monochromatic Color

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

#22baac
```
#22baac rgb(34,186,172)
```
#22bab9
```
#22bab9 rgb(34,186,185)
```
#22afba
```
#22afba rgb(34,175,186)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#2295ba
```
#2295ba rgb(34,149,186)
```
#2289ba
```
#2289ba rgb(34,137,186)
```
#227cba
```
#227cba rgb(34,124,186)
```

Similar Colors

Text with hexadecimal color #22a2ba

This text has a font color of #22a2ba.

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

#22a2ba background color

This paragraph has a background color of #22a2ba.

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

#22a2ba border color

This element has a border color of #22a2ba.

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

CSS codes

.text {color:#22a2ba;}

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

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

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 #f2fbfd is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#041214
```
#041214 rgb(4,18,20)
```
#072025
```
#072025 rgb(7,32,37)
```
#0a2e35
```
#0a2e35 rgb(10,46,53)
```
#0d3d46
```
#0d3d46 rgb(13,61,70)
```
#104b56
```
#104b56 rgb(16,75,86)
```
#135a67
```
#135a67 rgb(19,90,103)
```
#166878
```
#166878 rgb(22,104,120)
```
#197788
```
#197788 rgb(25,119,136)
```
#1c8599
```
#1c8599 rgb(28,133,153)
```
#1f94a9
```
#1f94a9 rgb(31,148,169)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#25b0cb
```
#25b0cb rgb(37,176,203)
```

Shade Color Variation

#2bbdd8
```
#2bbdd8 rgb(43,189,216)
```
#3cc2db
```
#3cc2db rgb(60,194,219)
```
#4cc7de
```
#4cc7de rgb(76,199,222)
```
#5dcce1
```
#5dcce1 rgb(93,204,225)
```
#6dd2e4
```
#6dd2e4 rgb(109,210,228)
```
#7ed7e7
```
#7ed7e7 rgb(126,215,231)
```
#8edcea
```
#8edcea rgb(142,220,234)
```
#9fe1ed
```
#9fe1ed rgb(159,225,237)
```
#b0e6f0
```
#b0e6f0 rgb(176,230,240)
```
#c0ebf4
```
#c0ebf4 rgb(192,235,244)
```
#d1f1f7
```
#d1f1f7 rgb(209,241,247)
```
#e1f6fa
```
#e1f6fa rgb(225,246,250)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

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

#667476
```
#667476 rgb(102,116,118)
```
#5d797f
```
#5d797f rgb(93,121,127)
```
#557f87
```
#557f87 rgb(85,127,135)
```
#4c8590
```
#4c8590 rgb(76,133,144)
```
#448b98
```
#448b98 rgb(68,139,152)
```
#3b91a1
```
#3b91a1 rgb(59,145,161)
```
#3396a9
```
#3396a9 rgb(51,150,169)
```
#2a9cb2
```
#2a9cb2 rgb(42,156,178)
```
#22a2ba
```
#22a2ba rgb(34,162,186)
```
#1aa8c2
```
#1aa8c2 rgb(26,168,194)
```
#11aecb
```
#11aecb rgb(17,174,203)
```
#09b3d3
```
#09b3d3 rgb(9,179,211)
```
#00b9dc
```
#00b9dc rgb(0,185,220)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6c858a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9398b4 Protanopia 1% of men
#9097c3 Deuteranopia 1% of men
#1fa8b4 Tritanopia 0.001% of the population

Trichromacy

#6a9bb6 Protanomaly 1% of men, 0.01% of women
#689bc0 Deuteranomaly 6% of men, 0.4% of women
#20a6b6 Tritanomaly 0.01% of the population

#22a2ba hex color

#22a2ba Color Information

#22a2ba Color Conversion

Color Schemes with #22a2ba

Alternatives to #22a2ba

#22a2ba Preview

Shades and Tints of #22a2ba

Tones of #22a2ba

Color Blindness Simulator