#22a2ae Color Information
In a RGB color space, hex #22a2ae is composed of 13.3% red, 63.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 6.9% magenta, 0% yellow and 31.8% black. It has a hue angle of 185.1 degrees, a saturation of 67.3% and a lightness of 40.8%. #22a2ae color hex could be obtained by blending #44ffff with #00455d. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 68
-
- C 80
- M 7
- Y 0
- K 32
● #22a2ae color description : Dark cyan.
#22a2ae Color Conversion
The hexadecimal color #22a2ae has RGB values of R:34, G:162, B:174 and CMYK values of C:0.8, M:0.07, Y:0, K:0.32. Its decimal value is 2269870.
Hex triplet | 22a2ae | #22a2ae |
---|---|---|
RGB Decimal | 34, 162, 174 | rgb(34,162,174) |
RGB Percent | 13.3, 63.5, 68.2 | rgb(13.3%,63.5%,68.2%) |
CMYK | 80, 7, 0, 32 | |
HSL | 185.1°, 67.3, 40.8 | hsl(185.1,67.3%,40.8%) |
HSV (or HSB) | 185.1°, 80.5, 68.2 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.988, -28.533, -15.757 |
---|---|
XYZ | 21.218, 29.235, 44.567 |
xyY | 0.223, 0.308, 29.235 |
CIE-LCH | 60.988, 32.595, 208.909 |
CIE-LUV | 60.988, -43.467, -19.795 |
Hunter-Lab | 54.069, -24.574, -11.022 |
Binary | 00100010, 10100010, 10101110 |
Color Schemes with #22a2ae
Alternatives to #22a2ae
Below, you can see some colors close to #22a2ae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a2ae Preview
This text has a font color of #22a2ae.
<span style="color:#22a2ae;">Text here</span>
This paragraph has a background color of #22a2ae.
<p style="background-color:#22a2ae;">Content here</p>
This element has a border color of #22a2ae.
<div style="border:1px solid #22a2ae;">Content here</div>
.text {color:#22a2ae;}
.background {background-color:#22a2ae;}
.border {border:1px solid #22a2ae;}
Shades and Tints of #22a2ae
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)
-
#08282b
#08282b
rgb(8,40,43)
-
#0c373b
#0c373b
rgb(12,55,59)
-
#0f464c
#0f464c
rgb(15,70,76)
-
#12565c
#12565c
rgb(18,86,92)
-
#15656c
#15656c
rgb(21,101,108)
-
#18747d
#18747d
rgb(24,116,125)
-
#1c838d
#1c838d
rgb(28,131,141)
-
#1f939e
#1f939e
rgb(31,147,158)
-
#22a2ae
#22a2ae
rgb(34,162,174)
-
#25b1be
#25b1be
rgb(37,177,190)
-
#28c1cf
#28c1cf
rgb(40,193,207)
-
#34c9d7
#34c9d7
rgb(52,201,215)
-
#44ceda
#44ceda
rgb(68,206,218)
-
#54d2de
#54d2de
rgb(84,210,222)
-
#65d6e1
#65d6e1
rgb(101,214,225)
-
#75dbe4
#75dbe4
rgb(117,219,228)
-
#86dfe7
#86dfe7
rgb(134,223,231)
-
#96e3ea
#96e3ea
rgb(150,227,234)
-
#a6e8ee
#a6e8ee
rgb(166,232,238)
-
#b7ecf1
#b7ecf1
rgb(183,236,241)
-
#c7f0f4
#c7f0f4
rgb(199,240,244)
-
#d8f5f7
#d8f5f7
rgb(216,245,247)
-
#e8f9fb
#e8f9fb
rgb(232,249,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #22a2ae
A tone is produced by adding gray to any pure hue. In this case, #626d6e is the less saturated color, while #02bdce is the most saturated one.
-
#626d6e
#626d6e
rgb(98,109,110)
-
#5a7476
#5a7476
rgb(90,116,118)
-
#527a7e
#527a7e
rgb(82,122,126)
-
#4a8186
#4a8186
rgb(74,129,134)
-
#42878e
#42878e
rgb(66,135,142)
-
#3a8e96
#3a8e96
rgb(58,142,150)
-
#32959e
#32959e
rgb(50,149,158)
-
#2a9ba6
#2a9ba6
rgb(42,155,166)
-
#22a2ae
#22a2ae
rgb(34,162,174)
-
#1aa9b6
#1aa9b6
rgb(26,169,182)
-
#12afbe
#12afbe
rgb(18,175,190)
-
#0ab6c6
#0ab6c6
rgb(10,182,198)
-
#02bdce
#02bdce
rgb(2,189,206)
Color Blindness Simulator
Below, you can see how #22a2ae 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.