#22aab0 hex color

In a RGB color space, hex #22aab0 is composed of 13.3% red, 66.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 3.4% magenta, 0% yellow and 31% black. It has a hue angle of 182.5 degrees, a saturation of 67.6% and a lightness of 41.2%. #22aab0 color hex could be obtained by blending #44ffff with #005561. Closest websafe color is: #339999.

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

● #22aab0 color description : Dark cyan.

The hexadecimal color #22aab0 has RGB values of R:34, G:170, B:176 and CMYK values of C:0.81, M:0.03, Y:0, K:0.31. Its decimal value is 2271920.

Hex triplet	22aab0	`#22aab0`
RGB Decimal	34, 170, 176	`rgb(34,170,176)`
RGB Percent	13.3, 66.7, 69	`rgb(13.3%,66.7%,69%)`
CMYK	81, 3, 0, 31
HSL	182.5°, 67.6, 41.2	`hsl(182.5,67.6%,41.2%)`
HSV (or HSB)	182.5°, 80.7, 69
Web Safe	339999	`#339999`

CIE-LAB	63.526, -31.801, -13.051
XYZ	22.869, 32.222, 46.086
xyY	0.226, 0.318, 32.222
CIE-LCH	63.526, 34.375, 202.313
CIE-LUV	63.526, -46.164, -15.153
Hunter-Lab	56.764, -27.426, -8.402
Binary	00100010, 10101010, 10110000

#22aab0
```
#22aab0 rgb(34,170,176)
```
#b02822
```
#b02822 rgb(176,40,34)
```

Complementary Color

#22b06f
```
#22b06f rgb(34,176,111)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#2263b0
```
#2263b0 rgb(34,99,176)
```

Analogous Color

#b06f22
```
#b06f22 rgb(176,111,34)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#b02263
```
#b02263 rgb(176,34,99)
```

Split Complementary Color

#aab022
```
#aab022 rgb(170,176,34)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#b022aa
```
#b022aa rgb(176,34,170)
```

Triadic Color

#22b028
```
#22b028 rgb(34,176,40)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#b022aa
```
#b022aa rgb(176,34,170)
```
#b02822
```
#b02822 rgb(176,40,34)
```

Tetradic Color

#166c70
```
#166c70 rgb(22,108,112)
```
#1a8185
```
#1a8185 rgb(26,129,133)
```
#1e959b
```
#1e959b rgb(30,149,155)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#26bfc5
```
#26bfc5 rgb(38,191,197)
```
#2ed0d7
```
#2ed0d7 rgb(46,208,215)
```
#44d4db
```
#44d4db rgb(68,212,219)
```

Monochromatic Color

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

#22b093
```
#22b093 rgb(34,176,147)
```
#22b09e
```
#22b09e rgb(34,176,158)
```
#22b0aa
```
#22b0aa rgb(34,176,170)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#229eb0
```
#229eb0 rgb(34,158,176)
```
#2292b0
```
#2292b0 rgb(34,146,176)
```
#2287b0
```
#2287b0 rgb(34,135,176)
```

Similar Colors

Text with hexadecimal color #22aab0

This text has a font color of #22aab0.

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

#22aab0 background color

This paragraph has a background color of #22aab0.

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

#22aab0 border color

This element has a border color of #22aab0.

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

CSS codes

.text {color:#22aab0;}

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

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

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, #020b0c is the darkest color, while #fafefe is the lightest one.

#020b0c
```
#020b0c rgb(2,11,12)
```
#051b1c
```
#051b1c rgb(5,27,28)
```
#092b2c
```
#092b2c rgb(9,43,44)
```
#0c3b3d
```
#0c3b3d rgb(12,59,61)
```
#0f4b4d
```
#0f4b4d rgb(15,75,77)
```
#125b5e
```
#125b5e rgb(18,91,94)
```
#156a6e
```
#156a6e rgb(21,106,110)
```
#187a7f
```
#187a7f rgb(24,122,127)
```
#1c8a8f
```
#1c8a8f rgb(28,138,143)
```
#1f9aa0
```
#1f9aa0 rgb(31,154,160)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#25bac0
```
#25bac0 rgb(37,186,192)
```
#28cad1
```
#28cad1 rgb(40,202,209)
```

Shade Color Variation

#35d1d8
```
#35d1d8 rgb(53,209,216)
```
#45d5db
```
#45d5db rgb(69,213,219)
```
#56d9de
```
#56d9de rgb(86,217,222)
```
#66dce1
```
#66dce1 rgb(102,220,225)
```
#77e0e5
```
#77e0e5 rgb(119,224,229)
```
#87e4e8
```
#87e4e8 rgb(135,228,232)
```
#98e7eb
```
#98e7eb rgb(152,231,235)
```
#a8ebee
```
#a8ebee rgb(168,235,238)
```
#b8eff1
```
#b8eff1 rgb(184,239,241)
```
#c9f3f5
```
#c9f3f5 rgb(201,243,245)
```
#d9f6f8
```
#d9f6f8 rgb(217,246,248)
```
#eafafb
```
#eafafb rgb(234,250,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636f6f is the less saturated color, while #02c8d0 is the most saturated one.

#636f6f
```
#636f6f rgb(99,111,111)
```
#5b7677
```
#5b7677 rgb(91,118,119)
```
#527e80
```
#527e80 rgb(82,126,128)
```
#4a8588
```
#4a8588 rgb(74,133,136)
```
#428c90
```
#428c90 rgb(66,140,144)
```
#3a9498
```
#3a9498 rgb(58,148,152)
```
#329ba0
```
#329ba0 rgb(50,155,160)
```
#2aa3a8
```
#2aa3a8 rgb(42,163,168)
```
#22aab0
```
#22aab0 rgb(34,170,176)
```
#1ab1b8
```
#1ab1b8 rgb(26,177,184)
```
#12b9c0
```
#12b9c0 rgb(18,185,192)
```
#0ac0c8
```
#0ac0c8 rgb(10,192,200)
```
#02c8d0
```
#02c8d0 rgb(2,200,208)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6f8a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9eaa Protanopia 1% of men
#9f9bbb Deuteranopia 1% of men
#34adba Tritanopia 0.001% of the population

Trichromacy

#71a2ac Protanomaly 1% of men, 0.01% of women
#71a0b7 Deuteranomaly 6% of men, 0.4% of women
#2dacb6 Tritanomaly 0.01% of the population

#22aab0 hex color

#22aab0 Color Information

#22aab0 Color Conversion

Color Schemes with #22aab0

Alternatives to #22aab0

#22aab0 Preview

Shades and Tints of #22aab0

Tones of #22aab0

Color Blindness Simulator