#22a4e5 Color Information
In a RGB color space, hex #22a4e5 is composed of 13.3% red, 64.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 28.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 200 degrees, a saturation of 78.9% and a lightness of 51.6%. #22a4e5 color hex could be obtained by blending #44ffff with #0049cb. Closest websafe color is: #3399cc.
-
- R 13
- G 64
- B 90
-
- C 85
- M 28
- Y 0
- K 10
● #22a4e5 color description : Vivid blue.
#22a4e5 Color Conversion
The hexadecimal color #22a4e5 has RGB values of R:34, G:164, B:229 and CMYK values of C:0.85, M:0.28, Y:0, K:0.1. Its decimal value is 2270437.
Hex triplet | 22a4e5 | #22a4e5 |
---|---|---|
RGB Decimal | 34, 164, 229 | rgb(34,164,229) |
RGB Percent | 13.3, 64.3, 89.8 | rgb(13.3%,64.3%,89.8%) |
CMYK | 85, 28, 0, 10 | |
HSL | 200°, 78.9, 51.6 | hsl(200,78.9%,51.6%) |
HSV (or HSB) | 200°, 85.2, 89.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.791, -10.94, -42.089 |
---|---|
XYZ | 28.074, 32.546, 78.927 |
xyY | 0.201, 0.233, 32.546 |
CIE-LCH | 63.791, 43.488, 255.429 |
CIE-LUV | 63.791, -40.397, -65.816 |
Hunter-Lab | 57.049, -11.993, -42.093 |
Binary | 00100010, 10100100, 11100101 |
Color Schemes with #22a4e5
Alternatives to #22a4e5
Below, you can see some colors close to #22a4e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a4e5 Preview
This text has a font color of #22a4e5.
<span style="color:#22a4e5;">Text here</span>
This paragraph has a background color of #22a4e5.
<p style="background-color:#22a4e5;">Content here</p>
This element has a border color of #22a4e5.
<div style="border:1px solid #22a4e5;">Content here</div>
.text {color:#22a4e5;}
.background {background-color:#22a4e5;}
.border {border:1px solid #22a4e5;}
Shades and Tints of #22a4e5
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, #010507 is the darkest color, while #f5fbfe is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#031119
#031119
rgb(3,17,25)
-
#051e2a
#051e2a
rgb(5,30,42)
-
#072a3c
#072a3c
rgb(7,42,60)
-
#09374d
#09374d
rgb(9,55,77)
-
#0b435f
#0b435f
rgb(11,67,95)
-
#0d4f70
#0d4f70
rgb(13,79,112)
-
#0f5c82
#0f5c82
rgb(15,92,130)
-
#116894
#116894
rgb(17,104,148)
-
#1375a5
#1375a5
rgb(19,117,165)
-
#1581b7
#1581b7
rgb(21,129,183)
-
#188dc8
#188dc8
rgb(24,141,200)
-
#1a9ada
#1a9ada
rgb(26,154,218)
-
#22a4e5
#22a4e5
rgb(34,164,229)
-
#34abe7
#34abe7
rgb(52,171,231)
-
#45b2e9
#45b2e9
rgb(69,178,233)
-
#57baeb
#57baeb
rgb(87,186,235)
-
#68c1ed
#68c1ed
rgb(104,193,237)
-
#7ac8ef
#7ac8ef
rgb(122,200,239)
-
#8bcff1
#8bcff1
rgb(139,207,241)
-
#9dd7f3
#9dd7f3
rgb(157,215,243)
-
#aedef6
#aedef6
rgb(174,222,246)
-
#c0e5f8
#c0e5f8
rgb(192,229,248)
-
#d2ecfa
#d2ecfa
rgb(210,236,250)
-
#e3f3fc
#e3f3fc
rgb(227,243,252)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #22a4e5
A tone is produced by adding gray to any pure hue. In this case, #818486 is the less saturated color, while #0faaf8 is the most saturated one.
-
#818486
#818486
rgb(129,132,134)
-
#788890
#788890
rgb(120,136,144)
-
#6e8b99
#6e8b99
rgb(110,139,153)
-
#658ea3
#658ea3
rgb(101,142,163)
-
#5b91ac
#5b91ac
rgb(91,145,172)
-
#5294b6
#5294b6
rgb(82,148,182)
-
#4897bf
#4897bf
rgb(72,151,191)
-
#3f9bc9
#3f9bc9
rgb(63,155,201)
-
#359ed2
#359ed2
rgb(53,158,210)
-
#2ca1dc
#2ca1dc
rgb(44,161,220)
-
#22a4e5
#22a4e5
rgb(34,164,229)
-
#19a7ef
#19a7ef
rgb(25,167,239)
-
#0faaf8
#0faaf8
rgb(15,170,248)
Color Blindness Simulator
Below, you can see how #22a4e5 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.