#22a5ba Color Information
In a RGB color space, hex #22a5ba is composed of 13.3% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 11.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 188.3 degrees, a saturation of 69.1% and a lightness of 43.1%. #22a5ba color hex could be obtained by blending #44ffff with #004b75. Closest websafe color is: #3399cc.
-
- R 13
- G 65
- B 73
-
- C 82
- M 11
- Y 0
- K 27
● #22a5ba color description : Strong cyan.
#22a5ba Color Conversion
The hexadecimal color #22a5ba has RGB values of R:34, G:165, B:186 and CMYK values of C:0.82, M:0.11, Y:0, K:0.27. Its decimal value is 2270650.
Hex triplet | 22a5ba | #22a5ba |
---|---|---|
RGB Decimal | 34, 165, 186 | rgb(34,165,186) |
RGB Percent | 13.3, 64.7, 72.9 | rgb(13.3%,64.7%,72.9%) |
CMYK | 82, 11, 0, 27 | |
HSL | 188.3°, 69.1, 43.1 | hsl(188.3,69.1%,43.1%) |
HSV (or HSB) | 188.3°, 81.7, 72.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.333, -26.175, -20.453 |
---|---|
XYZ | 22.975, 30.793, 51.184 |
xyY | 0.219, 0.293, 30.793 |
CIE-LCH | 62.333, 33.218, 218.003 |
CIE-LUV | 62.333, -43.669, -27.745 |
Hunter-Lab | 55.492, -23.206, -15.844 |
Binary | 00100010, 10100101, 10111010 |
Color Schemes with #22a5ba
Alternatives to #22a5ba
Below, you can see some colors close to #22a5ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5ba Preview
This text has a font color of #22a5ba.
<span style="color:#22a5ba;">Text here</span>
This paragraph has a background color of #22a5ba.
<p style="background-color:#22a5ba;">Content here</p>
This element has a border color of #22a5ba.
<div style="border:1px solid #22a5ba;">Content here</div>
.text {color:#22a5ba;}
.background {background-color:#22a5ba;}
.border {border:1px solid #22a5ba;}
Shades and Tints of #22a5ba
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)
-
#0a2f35
#0a2f35
rgb(10,47,53)
-
#0d3e46
#0d3e46
rgb(13,62,70)
-
#104d56
#104d56
rgb(16,77,86)
-
#135b67
#135b67
rgb(19,91,103)
-
#166a78
#166a78
rgb(22,106,120)
-
#197988
#197988
rgb(25,121,136)
-
#1c8899
#1c8899
rgb(28,136,153)
-
#1f96a9
#1f96a9
rgb(31,150,169)
-
#22a5ba
#22a5ba
rgb(34,165,186)
-
#25b4cb
#25b4cb
rgb(37,180,203)
-
#2bc0d8
#2bc0d8
rgb(43,192,216)
-
#3cc5db
#3cc5db
rgb(60,197,219)
-
#4ccade
#4ccade
rgb(76,202,222)
-
#5dcfe1
#5dcfe1
rgb(93,207,225)
-
#6dd4e4
#6dd4e4
rgb(109,212,228)
-
#7ed9e7
#7ed9e7
rgb(126,217,231)
-
#8edeea
#8edeea
rgb(142,222,234)
-
#9fe3ed
#9fe3ed
rgb(159,227,237)
-
#b0e8f0
#b0e8f0
rgb(176,232,240)
-
#c0ecf4
#c0ecf4
rgb(192,236,244)
-
#d1f1f7
#d1f1f7
rgb(209,241,247)
-
#e1f6fa
#e1f6fa
rgb(225,246,250)
-
#f2fbfd
#f2fbfd
rgb(242,251,253)
Tones of #22a5ba
A tone is produced by adding gray to any pure hue. In this case, #667476 is the less saturated color, while #00bddc is the most saturated one.
-
#667476
#667476
rgb(102,116,118)
-
#5d7a7f
#5d7a7f
rgb(93,122,127)
-
#558087
#558087
rgb(85,128,135)
-
#4c8690
#4c8690
rgb(76,134,144)
-
#448d98
#448d98
rgb(68,141,152)
-
#3b93a1
#3b93a1
rgb(59,147,161)
-
#3399a9
#3399a9
rgb(51,153,169)
-
#2a9fb2
#2a9fb2
rgb(42,159,178)
-
#22a5ba
#22a5ba
rgb(34,165,186)
-
#1aabc2
#1aabc2
rgb(26,171,194)
-
#11b1cb
#11b1cb
rgb(17,177,203)
-
#09b7d3
#09b7d3
rgb(9,183,211)
-
#00bddc
#00bddc
rgb(0,189,220)
Color Blindness Simulator
Below, you can see how #22a5ba 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.