#22b4e4 Color Information
In a RGB color space, hex #22b4e4 is composed of 13.3% red, 70.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 21.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 194.8 degrees, a saturation of 78.2% and a lightness of 51.4%. #22b4e4 color hex could be obtained by blending #44ffff with #0069c9. Closest websafe color is: #33cccc.
-
- R 13
- G 71
- B 89
-
- C 85
- M 21
- Y 0
- K 11
● #22b4e4 color description : Vivid cyan.
#22b4e4 Color Conversion
The hexadecimal color #22b4e4 has RGB values of R:34, G:180, B:228 and CMYK values of C:0.85, M:0.21, Y:0, K:0.11. Its decimal value is 2274532.
Hex triplet | 22b4e4 | #22b4e4 |
---|---|---|
RGB Decimal | 34, 180, 228 | rgb(34,180,228) |
RGB Percent | 13.3, 70.6, 89.4 | rgb(13.3%,70.6%,89.4%) |
CMYK | 85, 21, 0, 11 | |
HSL | 194.8°, 78.2, 51.4 | hsl(194.8,78.2%,51.4%) |
HSV (or HSB) | 194.8°, 85.1, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.447, -19.892, -34.276 |
---|---|
XYZ | 30.981, 38.581, 79.209 |
xyY | 0.208, 0.259, 38.581 |
CIE-LCH | 68.447, 39.63, 239.872 |
CIE-LUV | 68.447, -45.903, -52.089 |
Hunter-Lab | 62.114, -19.667, -32.128 |
Binary | 00100010, 10110100, 11100100 |
Color Schemes with #22b4e4
Alternatives to #22b4e4
Below, you can see some colors close to #22b4e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b4e4 Preview
This text has a font color of #22b4e4.
<span style="color:#22b4e4;">Text here</span>
This paragraph has a background color of #22b4e4.
<p style="background-color:#22b4e4;">Content here</p>
This element has a border color of #22b4e4.
<div style="border:1px solid #22b4e4;">Content here</div>
.text {color:#22b4e4;}
.background {background-color:#22b4e4;}
.border {border:1px solid #22b4e4;}
Shades and Tints of #22b4e4
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, #010506 is the darkest color, while #f4fbfe is the lightest one.
-
#010506
#010506
rgb(1,5,6)
-
#031318
#031318
rgb(3,19,24)
-
#052029
#052029
rgb(5,32,41)
-
#072e3b
#072e3b
rgb(7,46,59)
-
#093c4c
#093c4c
rgb(9,60,76)
-
#0b495e
#0b495e
rgb(11,73,94)
-
#0e576f
#0e576f
rgb(14,87,111)
-
#106581
#106581
rgb(16,101,129)
-
#127292
#127292
rgb(18,114,146)
-
#1480a4
#1480a4
rgb(20,128,164)
-
#168eb5
#168eb5
rgb(22,142,181)
-
#189bc7
#189bc7
rgb(24,155,199)
-
#1aa9d8
#1aa9d8
rgb(26,169,216)
-
#22b4e4
#22b4e4
rgb(34,180,228)
-
#33bae6
#33bae6
rgb(51,186,230)
-
#45c0e8
#45c0e8
rgb(69,192,232)
-
#56c6ea
#56c6ea
rgb(86,198,234)
-
#68cced
#68cced
rgb(104,204,237)
-
#79d2ef
#79d2ef
rgb(121,210,239)
-
#8bd8f1
#8bd8f1
rgb(139,216,241)
-
#9cdef3
#9cdef3
rgb(156,222,243)
-
#aee3f5
#aee3f5
rgb(174,227,245)
-
#bfe9f7
#bfe9f7
rgb(191,233,247)
-
#d1eff9
#d1eff9
rgb(209,239,249)
-
#e2f5fb
#e2f5fb
rgb(226,245,251)
-
#f4fbfe
#f4fbfe
rgb(244,251,254)
Tones of #22b4e4
A tone is produced by adding gray to any pure hue. In this case, #818485 is the less saturated color, while #0fbef7 is the most saturated one.
-
#818485
#818485
rgb(129,132,133)
-
#78898e
#78898e
rgb(120,137,142)
-
#6e8d98
#6e8d98
rgb(110,141,152)
-
#6592a1
#6592a1
rgb(101,146,161)
-
#5b97ab
#5b97ab
rgb(91,151,171)
-
#529cb4
#529cb4
rgb(82,156,180)
-
#48a1be
#48a1be
rgb(72,161,190)
-
#3fa6c7
#3fa6c7
rgb(63,166,199)
-
#35aad1
#35aad1
rgb(53,170,209)
-
#2cafda
#2cafda
rgb(44,175,218)
-
#22b4e4
#22b4e4
rgb(34,180,228)
-
#18b9ee
#18b9ee
rgb(24,185,238)
-
#0fbef7
#0fbef7
rgb(15,190,247)
Color Blindness Simulator
Below, you can see how #22b4e4 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.