#22a5cb Color Information
In a RGB color space, hex #22a5cb is composed of 13.3% red, 64.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 18.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 193.5 degrees, a saturation of 71.3% and a lightness of 46.5%. #22a5cb color hex could be obtained by blending #44ffff with #004b97. Closest websafe color is: #3399cc.
-
- R 13
- G 65
- B 80
-
- C 83
- M 19
- Y 0
- K 20
● #22a5cb color description : Strong cyan.
#22a5cb Color Conversion
The hexadecimal color #22a5cb has RGB values of R:34, G:165, B:203 and CMYK values of C:0.83, M:0.19, Y:0, K:0.2. Its decimal value is 2270667.
Hex triplet | 22a5cb | #22a5cb |
---|---|---|
RGB Decimal | 34, 165, 203 | rgb(34,165,203) |
RGB Percent | 13.3, 64.7, 79.6 | rgb(13.3%,64.7%,79.6%) |
CMYK | 83, 19, 0, 20 | |
HSL | 193.5°, 71.3, 46.5 | hsl(193.5,71.3%,46.5%) |
HSV (or HSB) | 193.5°, 83.3, 79.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.977, -20.525, -28.955 |
---|---|
XYZ | 24.891, 31.56, 61.276 |
xyY | 0.211, 0.268, 31.56 |
CIE-LCH | 62.977, 35.492, 234.669 |
CIE-LUV | 62.977, -42.47, -42.515 |
Hunter-Lab | 56.178, -19.222, -25.346 |
Binary | 00100010, 10100101, 11001011 |
Color Schemes with #22a5cb
Alternatives to #22a5cb
Below, you can see some colors close to #22a5cb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5cb Preview
This text has a font color of #22a5cb.
<span style="color:#22a5cb;">Text here</span>
This paragraph has a background color of #22a5cb.
<p style="background-color:#22a5cb;">Content here</p>
This element has a border color of #22a5cb.
<div style="border:1px solid #22a5cb;">Content here</div>
.text {color:#22a5cb;}
.background {background-color:#22a5cb;}
.border {border:1px solid #22a5cb;}
Shades and Tints of #22a5cb
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, #000101 is the darkest color, while #f0fafc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030f12
#030f12
rgb(3,15,18)
-
#061c23
#061c23
rgb(6,28,35)
-
#092a34
#092a34
rgb(9,42,52)
-
#0b3845
#0b3845
rgb(11,56,69)
-
#0e4555
#0e4555
rgb(14,69,85)
-
#115366
#115366
rgb(17,83,102)
-
#146177
#146177
rgb(20,97,119)
-
#176e88
#176e88
rgb(23,110,136)
-
#1a7c99
#1a7c99
rgb(26,124,153)
-
#1c8aa9
#1c8aa9
rgb(28,138,169)
-
#1f97ba
#1f97ba
rgb(31,151,186)
-
#22a5cb
#22a5cb
rgb(34,165,203)
-
#26b2db
#26b2db
rgb(38,178,219)
-
#37b8dd
#37b8dd
rgb(55,184,221)
-
#48bee0
#48bee0
rgb(72,190,224)
-
#58c4e3
#58c4e3
rgb(88,196,227)
-
#69cae6
#69cae6
rgb(105,202,230)
-
#7ad0e9
#7ad0e9
rgb(122,208,233)
-
#8bd6ec
#8bd6ec
rgb(139,214,236)
-
#9cdcee
#9cdcee
rgb(156,220,238)
-
#ace2f1
#ace2f1
rgb(172,226,241)
-
#bde8f4
#bde8f4
rgb(189,232,244)
-
#ceeef7
#ceeef7
rgb(206,238,247)
-
#dff4fa
#dff4fa
rgb(223,244,250)
-
#f0fafc
#f0fafc
rgb(240,250,252)
Tones of #22a5cb
A tone is produced by adding gray to any pure hue. In this case, #747879 is the less saturated color, while #07b4e6 is the most saturated one.
-
#747879
#747879
rgb(116,120,121)
-
#6b7d82
#6b7d82
rgb(107,125,130)
-
#62828b
#62828b
rgb(98,130,139)
-
#598794
#598794
rgb(89,135,148)
-
#508c9d
#508c9d
rgb(80,140,157)
-
#4691a7
#4691a7
rgb(70,145,167)
-
#3d96b0
#3d96b0
rgb(61,150,176)
-
#349bb9
#349bb9
rgb(52,155,185)
-
#2ba0c2
#2ba0c2
rgb(43,160,194)
-
#22a5cb
#22a5cb
rgb(34,165,203)
-
#19aad4
#19aad4
rgb(25,170,212)
-
#10afdd
#10afdd
rgb(16,175,221)
-
#07b4e6
#07b4e6
rgb(7,180,230)
Color Blindness Simulator
Below, you can see how #22a5cb 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.