#22b5e8 Color Information
In a RGB color space, hex #22b5e8 is composed of 13.3% red, 71% green and 91% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 22% magenta, 0% yellow and 9% black. It has a hue angle of 195.5 degrees, a saturation of 81.1% and a lightness of 52.2%. #22b5e8 color hex could be obtained by blending #44ffff with #006bd1. Closest websafe color is: #33ccff.
-
- R 13
- G 71
- B 91
-
- C 85
- M 22
- Y 0
- K 9
● #22b5e8 color description : Vivid blue.
#22b5e8 Color Conversion
The hexadecimal color #22b5e8 has RGB values of R:34, G:181, B:232 and CMYK values of C:0.85, M:0.22, Y:0, K:0.09. Its decimal value is 2274792.
Hex triplet | 22b5e8 | #22b5e8 |
---|---|---|
RGB Decimal | 34, 181, 232 | rgb(34,181,232) |
RGB Percent | 13.3, 71, 91 | rgb(13.3%,71%,91%) |
CMYK | 85, 22, 0, 9 | |
HSL | 195.5°, 81.1, 52.2 | hsl(195.5,81.1%,52.2%) |
HSV (or HSB) | 195.5°, 85.3, 91 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 68.904, -19.055, -35.75 |
---|---|
XYZ | 31.745, 39.211, 82.235 |
xyY | 0.207, 0.256, 39.211 |
CIE-LCH | 68.904, 40.511, 241.942 |
CIE-LUV | 68.904, -45.965, -54.749 |
Hunter-Lab | 62.619, -19.09, -34.03 |
Binary | 00100010, 10110101, 11101000 |
Color Schemes with #22b5e8
Alternatives to #22b5e8
Below, you can see some colors close to #22b5e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b5e8 Preview
This text has a font color of #22b5e8.
<span style="color:#22b5e8;">Text here</span>
This paragraph has a background color of #22b5e8.
<p style="background-color:#22b5e8;">Content here</p>
This element has a border color of #22b5e8.
<div style="border:1px solid #22b5e8;">Content here</div>
.text {color:#22b5e8;}
.background {background-color:#22b5e8;}
.border {border:1px solid #22b5e8;}
Shades and Tints of #22b5e8
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)
-
#07313f
#07313f
rgb(7,49,63)
-
#083e51
#083e51
rgb(8,62,81)
-
#0a4c63
#0a4c63
rgb(10,76,99)
-
#0c5a75
#0c5a75
rgb(12,90,117)
-
#0e6786
#0e6786
rgb(14,103,134)
-
#107598
#107598
rgb(16,117,152)
-
#1283aa
#1283aa
rgb(18,131,170)
-
#1490bc
#1490bc
rgb(20,144,188)
-
#159ecd
#159ecd
rgb(21,158,205)
-
#17acdf
#17acdf
rgb(23,172,223)
-
#22b5e8
#22b5e8
rgb(34,181,232)
-
#34bbea
#34bbea
rgb(52,187,234)
-
#46c1ec
#46c1ec
rgb(70,193,236)
-
#57c7ee
#57c7ee
rgb(87,199,238)
-
#69cdef
#69cdef
rgb(105,205,239)
-
#7bd3f1
#7bd3f1
rgb(123,211,241)
-
#8dd9f3
#8dd9f3
rgb(141,217,243)
-
#9edff5
#9edff5
rgb(158,223,245)
-
#b0e5f7
#b0e5f7
rgb(176,229,247)
-
#c2ebf9
#c2ebf9
rgb(194,235,249)
-
#d4f0fa
#d4f0fa
rgb(212,240,250)
-
#e5f6fc
#e5f6fc
rgb(229,246,252)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #22b5e8
A tone is produced by adding gray to any pure hue. In this case, #80878a is the less saturated color, while #0fbefb is the most saturated one.
-
#80878a
#80878a
rgb(128,135,138)
-
#768c94
#768c94
rgb(118,140,148)
-
#6d919d
#6d919d
rgb(109,145,157)
-
#6495a6
#6495a6
rgb(100,149,166)
-
#5a9ab0
#5a9ab0
rgb(90,154,176)
-
#519eb9
#519eb9
rgb(81,158,185)
-
#48a3c2
#48a3c2
rgb(72,163,194)
-
#3ea7cc
#3ea7cc
rgb(62,167,204)
-
#35acd5
#35acd5
rgb(53,172,213)
-
#2bb0df
#2bb0df
rgb(43,176,223)
-
#22b5e8
#22b5e8
rgb(34,181,232)
-
#19baf1
#19baf1
rgb(25,186,241)
-
#0fbefb
#0fbefb
rgb(15,190,251)
Color Blindness Simulator
Below, you can see how #22b5e8 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.