colorhexa.com

#22a6b5 hex color

In a RGB color space, hex #22a6b5 is composed of 13.3% red, 65.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 8.3% magenta, 0% yellow and 29% black. It has a hue angle of 186.1 degrees, a saturation of 68.4% and a lightness of 42.2%. #22a6b5 color hex could be obtained by blending #44ffff with #004d6b. Closest websafe color is: #3399cc.

- R 13
- G 65
- B 71
RGB color chart
- C 81
- M 8
- Y 0
- K 29
CMYK color chart

● #22a6b5 color description : Strong cyan.

The hexadecimal color #22a6b5 has RGB values of R:34, G:166, B:181 and CMYK values of C:0.81, M:0.08, Y:0, K:0.29. Its decimal value is 2270901.

Hex triplet	22a6b5	`#22a6b5`
RGB Decimal	34, 166, 181	`rgb(34,166,181)`
RGB Percent	13.3, 65.1, 71	`rgb(13.3%,65.1%,71%)`
CMYK	81, 8, 0, 29
HSL	186.1°, 68.4, 42.2	`hsl(186.1,68.4%,42.2%)`
HSV (or HSB)	186.1°, 81.2, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.462, -28.284, -17.455
XYZ	22.634, 30.947, 48.494
xyY	0.222, 0.303, 30.947
CIE-LCH	62.462, 33.237, 211.68
CIE-LUV	62.462, -44.383, -22.623
Hunter-Lab	55.63, -24.726, -12.744
Binary	00100010, 10100110, 10110101

#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#b53122
```
#b53122 rgb(181,49,34)
```

Complementary Color

#22b57b
```
#22b57b rgb(34,181,123)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#225db5
```
#225db5 rgb(34,93,181)
```

Analogous Color

#b57b22
```
#b57b22 rgb(181,123,34)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#b5225d
```
#b5225d rgb(181,34,93)
```

Split Complementary Color

#a6b522
```
#a6b522 rgb(166,181,34)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#b522a6
```
#b522a6 rgb(181,34,166)
```

Triadic Color

#22b531
```
#22b531 rgb(34,181,49)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#b522a6
```
#b522a6 rgb(181,34,166)
```
#b53122
```
#b53122 rgb(181,49,34)
```

Tetradic Color

#166b75
```
#166b75 rgb(22,107,117)
```
#1a7f8a
```
#1a7f8a rgb(26,127,138)
```
#1e92a0
```
#1e92a0 rgb(30,146,160)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#26baca
```
#26baca rgb(38,186,202)
```
#32c7d8
```
#32c7d8 rgb(50,199,216)
```
#47cddc
```
#47cddc rgb(71,205,220)
```

Monochromatic Color

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

#22b59f
```
#22b59f rgb(34,181,159)
```
#22b5ac
```
#22b5ac rgb(34,181,172)
```
#22b2b5
```
#22b2b5 rgb(34,178,181)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#229ab5
```
#229ab5 rgb(34,154,181)
```
#228eb5
```
#228eb5 rgb(34,142,181)
```
#2281b5
```
#2281b5 rgb(34,129,181)
```

Similar Colors

Text with hexadecimal color #22a6b5

This text has a font color of #22a6b5.

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

#22a6b5 background color

This paragraph has a background color of #22a6b5.

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

#22a6b5 border color

This element has a border color of #22a6b5.

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

CSS codes

.text {color:#22a6b5;}

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

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

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, #030f10 is the darkest color, while #feffff is the lightest one.

#030f10
```
#030f10 rgb(3,15,16)
```
#061e20
```
#061e20 rgb(6,30,32)
```
#092d31
```
#092d31 rgb(9,45,49)
```
#0c3c41
```
#0c3c41 rgb(12,60,65)
```
#0f4b52
```
#0f4b52 rgb(15,75,82)
```
#125a62
```
#125a62 rgb(18,90,98)
```
#166973
```
#166973 rgb(22,105,115)
```
#197983
```
#197983 rgb(25,121,131)
```
#1c8894
```
#1c8894 rgb(28,136,148)
```
#1f97a4
```
#1f97a4 rgb(31,151,164)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#25b5c6
```
#25b5c6 rgb(37,181,198)
```
#28c4d6
```
#28c4d6 rgb(40,196,214)
```

Shade Color Variation

#38c9da
```
#38c9da rgb(56,201,218)
```
#49cedd
```
#49cedd rgb(73,206,221)
```
#59d2e0
```
#59d2e0 rgb(89,210,224)
```
#6ad7e3
```
#6ad7e3 rgb(106,215,227)
```
#7adbe6
```
#7adbe6 rgb(122,219,230)
```
#8be0e9
```
#8be0e9 rgb(139,224,233)
```
#9be4ec
```
#9be4ec rgb(155,228,236)
```
#ace8ef
```
#ace8ef rgb(172,232,239)
```
#bcedf2
```
#bcedf2 rgb(188,237,242)
```
#cdf1f6
```
#cdf1f6 rgb(205,241,246)
```
#ddf6f9
```
#ddf6f9 rgb(221,246,249)
```
#eefafc
```
#eefafc rgb(238,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#647173
```
#647173 rgb(100,113,115)
```
#5c787b
```
#5c787b rgb(92,120,123)
```
#547f83
```
#547f83 rgb(84,127,131)
```
#4b858c
```
#4b858c rgb(75,133,140)
```
#438c94
```
#438c94 rgb(67,140,148)
```
#3b929c
```
#3b929c rgb(59,146,156)
```
#3399a4
```
#3399a4 rgb(51,153,164)
```
#2a9fad
```
#2a9fad rgb(42,159,173)
```
#22a6b5
```
#22a6b5 rgb(34,166,181)
```
#1aadbd
```
#1aadbd rgb(26,173,189)
```
#11b3c6
```
#11b3c6 rgb(17,179,198)
```
#09bace
```
#09bace rgb(9,186,206)
```
#01c0d6
```
#01c0d6 rgb(1,192,214)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6d888b Atypical Achromatopsia 0.001% of the population

Dichromacy

#989baf Protanopia 1% of men
#9799bf Deuteranopia 1% of men
#2baab7 Tritanopia 0.001% of the population

Trichromacy

#6d9fb1 Protanomaly 1% of men, 0.01% of women
#6d9ebb Deuteranomaly 6% of men, 0.4% of women
#28a9b6 Tritanomaly 0.01% of the population