#22b4e5 Color Information
In a RGB color space, hex #22b4e5 is composed of 13.3% red, 70.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 21.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 195.1 degrees, a saturation of 78.9% and a lightness of 51.6%. #22b4e5 color hex could be obtained by blending #44ffff with #0069cb. Closest websafe color is: #33cccc.
-
- R 13
- G 71
- B 90
-
- C 85
- M 21
- Y 0
- K 10
● #22b4e5 color description : Vivid blue.
#22b4e5 Color Conversion
The hexadecimal color #22b4e5 has RGB values of R:34, G:180, B:229 and CMYK values of C:0.85, M:0.21, Y:0, K:0.1. Its decimal value is 2274533.
Hex triplet | 22b4e5 | #22b4e5 |
---|---|---|
RGB Decimal | 34, 180, 229 | rgb(34,180,229) |
RGB Percent | 13.3, 70.6, 89.8 | rgb(13.3%,70.6%,89.8%) |
CMYK | 85, 21, 0, 10 | |
HSL | 195.1°, 78.9, 51.6 | hsl(195.1,78.9%,51.6%) |
HSV (or HSB) | 195.1°, 85.2, 89.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.487, -19.552, -34.759 |
---|---|
XYZ | 31.12, 38.637, 79.942 |
xyY | 0.208, 0.258, 38.637 |
CIE-LCH | 68.487, 39.881, 240.642 |
CIE-LUV | 68.487, -45.833, -52.957 |
Hunter-Lab | 62.158, -19.41, -32.742 |
Binary | 00100010, 10110100, 11100101 |
Color Schemes with #22b4e5
Alternatives to #22b4e5
Below, you can see some colors close to #22b4e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b4e5 Preview
This text has a font color of #22b4e5.
<span style="color:#22b4e5;">Text here</span>
This paragraph has a background color of #22b4e5.
<p style="background-color:#22b4e5;">Content here</p>
This element has a border color of #22b4e5.
<div style="border:1px solid #22b4e5;">Content here</div>
.text {color:#22b4e5;}
.background {background-color:#22b4e5;}
.border {border:1px solid #22b4e5;}
Shades and Tints of #22b4e5
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, #010607 is the darkest color, while #f5fbfe is the lightest one.
-
#010607
#010607
rgb(1,6,7)
-
#031319
#031319
rgb(3,19,25)
-
#05212a
#05212a
rgb(5,33,42)
-
#072f3c
#072f3c
rgb(7,47,60)
-
#093c4d
#093c4d
rgb(9,60,77)
-
#0b4a5f
#0b4a5f
rgb(11,74,95)
-
#0d5870
#0d5870
rgb(13,88,112)
-
#0f6582
#0f6582
rgb(15,101,130)
-
#117394
#117394
rgb(17,115,148)
-
#1381a5
#1381a5
rgb(19,129,165)
-
#158eb7
#158eb7
rgb(21,142,183)
-
#189cc8
#189cc8
rgb(24,156,200)
-
#1aa9da
#1aa9da
rgb(26,169,218)
-
#22b4e5
#22b4e5
rgb(34,180,229)
-
#34bae7
#34bae7
rgb(52,186,231)
-
#45c0e9
#45c0e9
rgb(69,192,233)
-
#57c6eb
#57c6eb
rgb(87,198,235)
-
#68cced
#68cced
rgb(104,204,237)
-
#7ad2ef
#7ad2ef
rgb(122,210,239)
-
#8bd8f1
#8bd8f1
rgb(139,216,241)
-
#9ddef3
#9ddef3
rgb(157,222,243)
-
#aee4f6
#aee4f6
rgb(174,228,246)
-
#c0eaf8
#c0eaf8
rgb(192,234,248)
-
#d2f0fa
#d2f0fa
rgb(210,240,250)
-
#e3f6fc
#e3f6fc
rgb(227,246,252)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #22b4e5
A tone is produced by adding gray to any pure hue. In this case, #818586 is the less saturated color, while #0fbdf8 is the most saturated one.
-
#818586
#818586
rgb(129,133,134)
-
#788990
#788990
rgb(120,137,144)
-
#6e8e99
#6e8e99
rgb(110,142,153)
-
#6593a3
#6593a3
rgb(101,147,163)
-
#5b98ac
#5b98ac
rgb(91,152,172)
-
#529cb6
#529cb6
rgb(82,156,182)
-
#48a1bf
#48a1bf
rgb(72,161,191)
-
#3fa6c9
#3fa6c9
rgb(63,166,201)
-
#35abd2
#35abd2
rgb(53,171,210)
-
#2cafdc
#2cafdc
rgb(44,175,220)
-
#22b4e5
#22b4e5
rgb(34,180,229)
-
#19b9ef
#19b9ef
rgb(25,185,239)
-
#0fbdf8
#0fbdf8
rgb(15,189,248)
Color Blindness Simulator
Below, you can see how #22b4e5 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.