#22a5ae hex color

In a RGB color space, hex #22a5ae is composed of 13.3% red, 64.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 5.2% magenta, 0% yellow and 31.8% black. It has a hue angle of 183.9 degrees, a saturation of 67.3% and a lightness of 40.8%. #22a5ae color hex could be obtained by blending #44ffff with #004b5d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 65
- B 68
RGB color chart
- C 80
- M 5
- Y 0
- K 32
CMYK color chart

● #22a5ae color description : Dark cyan.

The hexadecimal color #22a5ae has RGB values of R:34, G:165, B:174 and CMYK values of C:0.8, M:0.05, Y:0, K:0.32. Its decimal value is 2270638.

Hex triplet	22a5ae	`#22a5ae`
RGB Decimal	34, 165, 174	`rgb(34,165,174)`
RGB Percent	13.3, 64.7, 68.2	`rgb(13.3%,64.7%,68.2%)`
CMYK	80, 5, 0, 32
HSL	183.9°, 67.3, 40.8	`hsl(183.9,67.3%,40.8%)`
HSV (or HSB)	183.9°, 80.5, 68.2
Web Safe	339999	`#339999`

CIE-LAB	61.916, -30.005, -14.356
XYZ	21.753, 30.304, 44.745
xyY	0.225, 0.313, 30.304
CIE-LCH	61.916, 33.262, 205.569
CIE-LUV	61.916, -44.535, -17.409
Hunter-Lab	55.049, -25.803, -9.657
Binary	00100010, 10100101, 10101110

#22a5ae
```
#22a5ae rgb(34,165,174)
```
#ae2b22
```
#ae2b22 rgb(174,43,34)
```

Complementary Color

#22ae71
```
#22ae71 rgb(34,174,113)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#225fae
```
#225fae rgb(34,95,174)
```

Analogous Color

#ae7122
```
#ae7122 rgb(174,113,34)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#ae225f
```
#ae225f rgb(174,34,95)
```

Split Complementary Color

#a5ae22
```
#a5ae22 rgb(165,174,34)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#ae22a5
```
#ae22a5 rgb(174,34,165)
```

Triadic Color

#22ae2b
```
#22ae2b rgb(34,174,43)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#ae22a5
```
#ae22a5 rgb(174,34,165)
```
#ae2b22
```
#ae2b22 rgb(174,43,34)
```

Tetradic Color

#15686e
```
#15686e rgb(21,104,110)
```
#1a7d83
```
#1a7d83 rgb(26,125,131)
```
#1e9199
```
#1e9199 rgb(30,145,153)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#26b9c3
```
#26b9c3 rgb(38,185,195)
```
#2dcbd6
```
#2dcbd6 rgb(45,203,214)
```
#42d0da
```
#42d0da rgb(66,208,218)
```

Monochromatic Color

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

#22ae94
```
#22ae94 rgb(34,174,148)
```
#22aea0
```
#22aea0 rgb(34,174,160)
```
#22aeab
```
#22aeab rgb(34,174,171)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#2299ae
```
#2299ae rgb(34,153,174)
```
#228eae
```
#228eae rgb(34,142,174)
```
#2282ae
```
#2282ae rgb(34,130,174)
```

Similar Colors

Text with hexadecimal color #22a5ae

This text has a font color of #22a5ae.

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

#22a5ae background color

This paragraph has a background color of #22a5ae.

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

#22a5ae border color

This element has a border color of #22a5ae.

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

CSS codes

.text {color:#22a5ae;}

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

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

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#05191a
```
#05191a rgb(5,25,26)
```
#08292b
```
#08292b rgb(8,41,43)
```
#0c383b
```
#0c383b rgb(12,56,59)
```
#0f484c
```
#0f484c rgb(15,72,76)
```
#12575c
```
#12575c rgb(18,87,92)
```
#15676c
```
#15676c rgb(21,103,108)
```
#18767d
```
#18767d rgb(24,118,125)
```
#1c868d
```
#1c868d rgb(28,134,141)
```
#1f959e
```
#1f959e rgb(31,149,158)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#25b5be
```
#25b5be rgb(37,181,190)
```
#28c4cf
```
#28c4cf rgb(40,196,207)
```

Shade Color Variation

#34cdd7
```
#34cdd7 rgb(52,205,215)
```
#44d1da
```
#44d1da rgb(68,209,218)
```
#54d5de
```
#54d5de rgb(84,213,222)
```
#65d9e1
```
#65d9e1 rgb(101,217,225)
```
#75dde4
```
#75dde4 rgb(117,221,228)
```
#86e1e7
```
#86e1e7 rgb(134,225,231)
```
#96e5ea
```
#96e5ea rgb(150,229,234)
```
#a6e9ee
```
#a6e9ee rgb(166,233,238)
```
#b7edf1
```
#b7edf1 rgb(183,237,241)
```
#c7f1f4
```
#c7f1f4 rgb(199,241,244)
```
#d8f5f7
```
#d8f5f7 rgb(216,245,247)
```
#e8f9fb
```
#e8f9fb rgb(232,249,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#626d6e
```
#626d6e rgb(98,109,110)
```
#5a7476
```
#5a7476 rgb(90,116,118)
```
#527b7e
```
#527b7e rgb(82,123,126)
```
#4a8286
```
#4a8286 rgb(74,130,134)
```
#42898e
```
#42898e rgb(66,137,142)
```
#3a9096
```
#3a9096 rgb(58,144,150)
```
#32979e
```
#32979e rgb(50,151,158)
```
#2a9ea6
```
#2a9ea6 rgb(42,158,166)
```
#22a5ae
```
#22a5ae rgb(34,165,174)
```
#1aacb6
```
#1aacb6 rgb(26,172,182)
```
#12b3be
```
#12b3be rgb(18,179,190)
```
#0abac6
```
#0abac6 rgb(10,186,198)
```
#02c1ce
```
#02c1ce rgb(2,193,206)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6c8788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999aa9 Protanopia 1% of men
#9997b8 Deuteranopia 1% of men
#31a9b5 Tritanopia 0.001% of the population

Trichromacy

#6d9eaa Protanomaly 1% of men, 0.01% of women
#6e9cb4 Deuteranomaly 6% of men, 0.4% of women
#2ba7b2 Tritanomaly 0.01% of the population

#22a5ae hex color

#22a5ae Color Information

#22a5ae Color Conversion

Color Schemes with #22a5ae

Alternatives to #22a5ae

#22a5ae Preview

Shades and Tints of #22a5ae

Tones of #22a5ae

Color Blindness Simulator