#22a5b8 Color Information
In a RGB color space, hex #22a5b8 is composed of 13.3% red, 64.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 10.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 187.6 degrees, a saturation of 68.8% and a lightness of 42.7%. #22a5b8 color hex could be obtained by blending #44ffff with #004b71. Closest websafe color is: #3399cc.
-
- R 13
- G 65
- B 72
-
- C 82
- M 10
- Y 0
- K 28
● #22a5b8 color description : Strong cyan.
#22a5b8 Color Conversion
The hexadecimal color #22a5b8 has RGB values of R:34, G:165, B:184 and CMYK values of C:0.82, M:0.1, Y:0, K:0.28. Its decimal value is 2270648.
Hex triplet | 22a5b8 | #22a5b8 |
---|---|---|
RGB Decimal | 34, 165, 184 | rgb(34,165,184) |
RGB Percent | 13.3, 64.7, 72.2 | rgb(13.3%,64.7%,72.2%) |
CMYK | 82, 10, 0, 28 | |
HSL | 187.6°, 68.8, 42.7 | hsl(187.6,68.8%,42.7%) |
HSV (or HSB) | 187.6°, 81.5, 72.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.261, -26.824, -19.442 |
---|---|
XYZ | 22.764, 30.709, 50.072 |
xyY | 0.22, 0.297, 30.709 |
CIE-LCH | 62.261, 33.128, 215.935 |
CIE-LUV | 62.261, -43.813, -26.014 |
Hunter-Lab | 55.416, -23.652, -14.782 |
Binary | 00100010, 10100101, 10111000 |
Color Schemes with #22a5b8
Alternatives to #22a5b8
Below, you can see some colors close to #22a5b8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5b8 Preview
This text has a font color of #22a5b8.
<span style="color:#22a5b8;">Text here</span>
This paragraph has a background color of #22a5b8.
<p style="background-color:#22a5b8;">Content here</p>
This element has a border color of #22a5b8.
<div style="border:1px solid #22a5b8;">Content here</div>
.text {color:#22a5b8;}
.background {background-color:#22a5b8;}
.border {border:1px solid #22a5b8;}
Shades and Tints of #22a5b8
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, #000202 is the darkest color, while #f0fbfc is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#031112
#031112
rgb(3,17,18)
-
#061f23
#061f23
rgb(6,31,35)
-
#0a2e34
#0a2e34
rgb(10,46,52)
-
#0d3d44
#0d3d44
rgb(13,61,68)
-
#104c55
#104c55
rgb(16,76,85)
-
#135b65
#135b65
rgb(19,91,101)
-
#166a76
#166a76
rgb(22,106,118)
-
#197886
#197886
rgb(25,120,134)
-
#1c8797
#1c8797
rgb(28,135,151)
-
#1f96a7
#1f96a7
rgb(31,150,167)
-
#22a5b8
#22a5b8
rgb(34,165,184)
-
#25b4c9
#25b4c9
rgb(37,180,201)
-
#2ac2d8
#2ac2d8
rgb(42,194,216)
-
#3ac6db
#3ac6db
rgb(58,198,219)
-
#4bcbde
#4bcbde
rgb(75,203,222)
-
#5bd0e1
#5bd0e1
rgb(91,208,225)
-
#6cd5e4
#6cd5e4
rgb(108,213,228)
-
#7cd9e7
#7cd9e7
rgb(124,217,231)
-
#8ddeea
#8ddeea
rgb(141,222,234)
-
#9ee3ed
#9ee3ed
rgb(158,227,237)
-
#aee8f0
#aee8f0
rgb(174,232,240)
-
#bfecf3
#bfecf3
rgb(191,236,243)
-
#cff1f6
#cff1f6
rgb(207,241,246)
-
#e0f6f9
#e0f6f9
rgb(224,246,249)
-
#f0fbfc
#f0fbfc
rgb(240,251,252)
Tones of #22a5b8
A tone is produced by adding gray to any pure hue. In this case, #657375 is the less saturated color, while #00beda is the most saturated one.
-
#657375
#657375
rgb(101,115,117)
-
#5d797d
#5d797d
rgb(93,121,125)
-
#547f86
#547f86
rgb(84,127,134)
-
#4c868e
#4c868e
rgb(76,134,142)
-
#448c96
#448c96
rgb(68,140,150)
-
#3b929f
#3b929f
rgb(59,146,159)
-
#3398a7
#3398a7
rgb(51,152,167)
-
#2a9fb0
#2a9fb0
rgb(42,159,176)
-
#22a5b8
#22a5b8
rgb(34,165,184)
-
#1aabc0
#1aabc0
rgb(26,171,192)
-
#11b2c9
#11b2c9
rgb(17,178,201)
-
#09b8d1
#09b8d1
rgb(9,184,209)
-
#00beda
#00beda
rgb(0,190,218)
Color Blindness Simulator
Below, you can see how #22a5b8 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.