#22a4ec Color Information
In a RGB color space, hex #22a4ec is composed of 13.3% red, 64.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 30.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 201.4 degrees, a saturation of 84.2% and a lightness of 52.9%. #22a4ec color hex could be obtained by blending #44ffff with #0049d9. Closest websafe color is: #3399ff.
-
- R 13
- G 64
- B 93
-
- C 86
- M 31
- Y 0
- K 7
● #22a4ec color description : Vivid blue.
#22a4ec Color Conversion
The hexadecimal color #22a4ec has RGB values of R:34, G:164, B:236 and CMYK values of C:0.86, M:0.31, Y:0, K:0.07. Its decimal value is 2270444.
Hex triplet | 22a4ec | #22a4ec |
---|---|---|
RGB Decimal | 34, 164, 236 | rgb(34,164,236) |
RGB Percent | 13.3, 64.3, 92.5 | rgb(13.3%,64.3%,92.5%) |
CMYK | 86, 31, 0, 7 | |
HSL | 201.4°, 84.2, 52.9 | hsl(201.4,84.2%,52.9%) |
HSV (or HSB) | 201.4°, 85.6, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.116, -8.443, -45.429 |
---|---|
XYZ | 29.072, 32.944, 84.179 |
xyY | 0.199, 0.225, 32.944 |
CIE-LCH | 64.116, 46.207, 259.472 |
CIE-LUV | 64.116, -39.96, -71.797 |
Hunter-Lab | 57.397, -10.035, -46.777 |
Binary | 00100010, 10100100, 11101100 |
Color Schemes with #22a4ec
Alternatives to #22a4ec
Below, you can see some colors close to #22a4ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a4ec Preview
This text has a font color of #22a4ec.
<span style="color:#22a4ec;">Text here</span>
This paragraph has a background color of #22a4ec.
<p style="background-color:#22a4ec;">Content here</p>
This element has a border color of #22a4ec.
<div style="border:1px solid #22a4ec;">Content here</div>
.text {color:#22a4ec;}
.background {background-color:#22a4ec;}
.border {border:1px solid #22a4ec;}
Shades and Tints of #22a4ec
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, #01090e is the darkest color, while #fbfdff is the lightest one.
-
#01090e
#01090e
rgb(1,9,14)
-
#031520
#031520
rgb(3,21,32)
-
#042232
#042232
rgb(4,34,50)
-
#062e44
#062e44
rgb(6,46,68)
-
#073a56
#073a56
rgb(7,58,86)
-
#094668
#094668
rgb(9,70,104)
-
#0b527a
#0b527a
rgb(11,82,122)
-
#0c5f8c
#0c5f8c
rgb(12,95,140)
-
#0e6b9e
#0e6b9e
rgb(14,107,158)
-
#0f77b0
#0f77b0
rgb(15,119,176)
-
#1183c2
#1183c2
rgb(17,131,194)
-
#128fd5
#128fd5
rgb(18,143,213)
-
#149be7
#149be7
rgb(20,155,231)
-
#22a4ec
#22a4ec
rgb(34,164,236)
-
#34abee
#34abee
rgb(52,171,238)
-
#46b3ef
#46b3ef
rgb(70,179,239)
-
#58baf1
#58baf1
rgb(88,186,241)
-
#6ac2f2
#6ac2f2
rgb(106,194,242)
-
#7cc9f4
#7cc9f4
rgb(124,201,244)
-
#8ed1f5
#8ed1f5
rgb(142,209,245)
-
#a0d8f7
#a0d8f7
rgb(160,216,247)
-
#b3e0f8
#b3e0f8
rgb(179,224,248)
-
#c5e7fa
#c5e7fa
rgb(197,231,250)
-
#d7eefc
#d7eefc
rgb(215,238,252)
-
#e9f6fd
#e9f6fd
rgb(233,246,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #22a4ec
A tone is produced by adding gray to any pure hue. In this case, #7e8990 is the less saturated color, while #10a9fe is the most saturated one.
-
#7e8990
#7e8990
rgb(126,137,144)
-
#758c99
#758c99
rgb(117,140,153)
-
#6c8fa2
#6c8fa2
rgb(108,143,162)
-
#6391ab
#6391ab
rgb(99,145,171)
-
#5994b5
#5994b5
rgb(89,148,181)
-
#5097be
#5097be
rgb(80,151,190)
-
#4799c7
#4799c7
rgb(71,153,199)
-
#3e9cd0
#3e9cd0
rgb(62,156,208)
-
#349fda
#349fda
rgb(52,159,218)
-
#2ba1e3
#2ba1e3
rgb(43,161,227)
-
#22a4ec
#22a4ec
rgb(34,164,236)
-
#19a7f5
#19a7f5
rgb(25,167,245)
-
#10a9fe
#10a9fe
rgb(16,169,254)
Color Blindness Simulator
Below, you can see how #22a4ec 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.