#22a6ba hex color

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

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

● #22a6ba color description : Strong cyan.

The hexadecimal color #22a6ba has RGB values of R:34, G:166, B:186 and CMYK values of C:0.82, M:0.11, Y:0, K:0.27. Its decimal value is 2270906.

Hex triplet	22a6ba	`#22a6ba`
RGB Decimal	34, 166, 186	`rgb(34,166,186)`
RGB Percent	13.3, 65.1, 72.9	`rgb(13.3%,65.1%,72.9%)`
CMYK	82, 11, 0, 27
HSL	187.9°, 69.1, 43.1	`hsl(187.9,69.1%,43.1%)`
HSV (or HSB)	187.9°, 81.7, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.639, -26.678, -19.986
XYZ	23.156, 31.155, 51.245
xyY	0.219, 0.295, 31.155
CIE-LCH	62.639, 33.334, 216.84
CIE-LUV	62.639, -44.023, -26.941
Hunter-Lab	55.817, -23.627, -15.361
Binary	00100010, 10100110, 10111010

#22a6ba
```
#22a6ba rgb(34,166,186)
```
#ba3622
```
#ba3622 rgb(186,54,34)
```

Complementary Color

#22ba82
```
#22ba82 rgb(34,186,130)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#225aba
```
#225aba rgb(34,90,186)
```

Analogous Color

#ba8222
```
#ba8222 rgb(186,130,34)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#ba225a
```
#ba225a rgb(186,34,90)
```

Split Complementary Color

#a6ba22
```
#a6ba22 rgb(166,186,34)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#ba22a6
```
#ba22a6 rgb(186,34,166)
```

Triadic Color

#22ba36
```
#22ba36 rgb(34,186,54)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#ba22a6
```
#ba22a6 rgb(186,34,166)
```
#ba3622
```
#ba3622 rgb(186,54,34)
```

Tetradic Color

#166c79
```
#166c79 rgb(22,108,121)
```
#1a808f
```
#1a808f rgb(26,128,143)
```
#1e93a4
```
#1e93a4 rgb(30,147,164)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#26b9d0
```
#26b9d0 rgb(38,185,208)
```
#35c4da
```
#35c4da rgb(53,196,218)
```
#4acbde
```
#4acbde rgb(74,203,222)
```

Monochromatic Color

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

#22baa8
```
#22baa8 rgb(34,186,168)
```
#22bab5
```
#22bab5 rgb(34,186,181)
```
#22b3ba
```
#22b3ba rgb(34,179,186)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#2299ba
```
#2299ba rgb(34,153,186)
```
#228dba
```
#228dba rgb(34,141,186)
```
#2280ba
```
#2280ba rgb(34,128,186)
```

Similar Colors

Text with hexadecimal color #22a6ba

This text has a font color of #22a6ba.

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

#22a6ba background color

This paragraph has a background color of #22a6ba.

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

#22a6ba border color

This element has a border color of #22a6ba.

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

CSS codes

.text {color:#22a6ba;}

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

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

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)
```
#072125
```
#072125 rgb(7,33,37)
```
#0a3035
```
#0a3035 rgb(10,48,53)
```
#0d3e46
```
#0d3e46 rgb(13,62,70)
```
#104d56
```
#104d56 rgb(16,77,86)
```
#135c67
```
#135c67 rgb(19,92,103)
```
#166b78
```
#166b78 rgb(22,107,120)
```
#197a88
```
#197a88 rgb(25,122,136)
```
#1c8899
```
#1c8899 rgb(28,136,153)
```
#1f97a9
```
#1f97a9 rgb(31,151,169)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#25b5cb
```
#25b5cb rgb(37,181,203)
```

Shade Color Variation

#2bc1d8
```
#2bc1d8 rgb(43,193,216)
```
#3cc6db
```
#3cc6db rgb(60,198,219)
```
#4ccbde
```
#4ccbde rgb(76,203,222)
```
#5dd0e1
```
#5dd0e1 rgb(93,208,225)
```
#6dd5e4
```
#6dd5e4 rgb(109,213,228)
```
#7edae7
```
#7edae7 rgb(126,218,231)
```
#8edeea
```
#8edeea rgb(142,222,234)
```
#9fe3ed
```
#9fe3ed rgb(159,227,237)
```
#b0e8f0
```
#b0e8f0 rgb(176,232,240)
```
#c0edf4
```
#c0edf4 rgb(192,237,244)
```
#d1f2f7
```
#d1f2f7 rgb(209,242,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 #00bfdc is the most saturated one.

#667476
```
#667476 rgb(102,116,118)
```
#5d7a7f
```
#5d7a7f rgb(93,122,127)
```
#558187
```
#558187 rgb(85,129,135)
```
#4c8790
```
#4c8790 rgb(76,135,144)
```
#448d98
```
#448d98 rgb(68,141,152)
```
#3b93a1
```
#3b93a1 rgb(59,147,161)
```
#339aa9
```
#339aa9 rgb(51,154,169)
```
#2aa0b2
```
#2aa0b2 rgb(42,160,178)
```
#22a6ba
```
#22a6ba rgb(34,166,186)
```
#1aacc2
```
#1aacc2 rgb(26,172,194)
```
#11b2cb
```
#11b2cb rgb(17,178,203)
```
#09b9d3
```
#09b9d3 rgb(9,185,211)
```
#00bfdc
```
#00bfdc rgb(0,191,220)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6e888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#979bb4 Protanopia 1% of men
#959ac3 Deuteranopia 1% of men
#25abb8 Tritanopia 0.001% of the population

Trichromacy

#6d9fb6 Protanomaly 1% of men, 0.01% of women
#6b9ec0 Deuteranomaly 6% of men, 0.4% of women
#24a9b8 Tritanomaly 0.01% of the population

#22a6ba hex color

#22a6ba Color Information

#22a6ba Color Conversion

Color Schemes with #22a6ba

Alternatives to #22a6ba

#22a6ba Preview

Shades and Tints of #22a6ba

Tones of #22a6ba

Color Blindness Simulator