#22b4e8 Color Information
In a RGB color space, hex #22b4e8 is composed of 13.3% red, 70.6% green and 91% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 22.4% magenta, 0% yellow and 9% black. It has a hue angle of 195.8 degrees, a saturation of 81.1% and a lightness of 52.2%. #22b4e8 color hex could be obtained by blending #44ffff with #0069d1. Closest websafe color is: #33ccff.
-
- R 13
- G 71
- B 91
-
- C 85
- M 22
- Y 0
- K 9
● #22b4e8 color description : Vivid blue.
#22b4e8 Color Conversion
The hexadecimal color #22b4e8 has RGB values of R:34, G:180, B:232 and CMYK values of C:0.85, M:0.22, Y:0, K:0.09. Its decimal value is 2274536.
Hex triplet | 22b4e8 | #22b4e8 |
---|---|---|
RGB Decimal | 34, 180, 232 | rgb(34,180,232) |
RGB Percent | 13.3, 70.6, 91 | rgb(13.3%,70.6%,91%) |
CMYK | 85, 22, 0, 9 | |
HSL | 195.8°, 81.1, 52.2 | hsl(195.8,81.1%,52.2%) |
HSV (or HSB) | 195.8°, 85.3, 91 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 68.61, -18.53, -36.206 |
---|---|
XYZ | 31.543, 38.806, 82.167 |
xyY | 0.207, 0.254, 38.806 |
CIE-LCH | 68.61, 40.672, 242.897 |
CIE-LUV | 68.61, -45.625, -55.56 |
Hunter-Lab | 62.294, -18.632, -34.599 |
Binary | 00100010, 10110100, 11101000 |
Color Schemes with #22b4e8
Alternatives to #22b4e8
Below, you can see some colors close to #22b4e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b4e8 Preview
This text has a font color of #22b4e8.
<span style="color:#22b4e8;">Text here</span>
This paragraph has a background color of #22b4e8.
<p style="background-color:#22b4e8;">Content here</p>
This element has a border color of #22b4e8.
<div style="border:1px solid #22b4e8;">Content here</div>
.text {color:#22b4e8;}
.background {background-color:#22b4e8;}
.border {border:1px solid #22b4e8;}
Shades and Tints of #22b4e8
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, #01080a is the darkest color, while #f7fcfe is the lightest one.
-
#01080a
#01080a
rgb(1,8,10)
-
#03151c
#03151c
rgb(3,21,28)
-
#05232d
#05232d
rgb(5,35,45)
-
#07303f
#07303f
rgb(7,48,63)
-
#083e51
#083e51
rgb(8,62,81)
-
#0a4c63
#0a4c63
rgb(10,76,99)
-
#0c5975
#0c5975
rgb(12,89,117)
-
#0e6786
#0e6786
rgb(14,103,134)
-
#107498
#107498
rgb(16,116,152)
-
#1282aa
#1282aa
rgb(18,130,170)
-
#148fbc
#148fbc
rgb(20,143,188)
-
#159dcd
#159dcd
rgb(21,157,205)
-
#17abdf
#17abdf
rgb(23,171,223)
-
#22b4e8
#22b4e8
rgb(34,180,232)
-
#34baea
#34baea
rgb(52,186,234)
-
#46c0ec
#46c0ec
rgb(70,192,236)
-
#57c6ee
#57c6ee
rgb(87,198,238)
-
#69ccef
#69ccef
rgb(105,204,239)
-
#7bd2f1
#7bd2f1
rgb(123,210,241)
-
#8dd8f3
#8dd8f3
rgb(141,216,243)
-
#9edef5
#9edef5
rgb(158,222,245)
-
#b0e4f7
#b0e4f7
rgb(176,228,247)
-
#c2eaf9
#c2eaf9
rgb(194,234,249)
-
#d4f0fa
#d4f0fa
rgb(212,240,250)
-
#e5f6fc
#e5f6fc
rgb(229,246,252)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #22b4e8
A tone is produced by adding gray to any pure hue. In this case, #80878a is the less saturated color, while #0fbdfb is the most saturated one.
-
#80878a
#80878a
rgb(128,135,138)
-
#768c94
#768c94
rgb(118,140,148)
-
#6d909d
#6d909d
rgb(109,144,157)
-
#6495a6
#6495a6
rgb(100,149,166)
-
#5a99b0
#5a99b0
rgb(90,153,176)
-
#519eb9
#519eb9
rgb(81,158,185)
-
#48a2c2
#48a2c2
rgb(72,162,194)
-
#3ea7cc
#3ea7cc
rgb(62,167,204)
-
#35abd5
#35abd5
rgb(53,171,213)
-
#2bb0df
#2bb0df
rgb(43,176,223)
-
#22b4e8
#22b4e8
rgb(34,180,232)
-
#19b8f1
#19b8f1
rgb(25,184,241)
-
#0fbdfb
#0fbdfb
rgb(15,189,251)
Color Blindness Simulator
Below, you can see how #22b4e8 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.