#22aded Color Information
In a RGB color space, hex #22aded is composed of 13.3% red, 67.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 27% magenta, 0% yellow and 7.1% black. It has a hue angle of 198.9 degrees, a saturation of 84.9% and a lightness of 53.1%. #22aded color hex could be obtained by blending #44ffff with #005bdb. Closest websafe color is: #3399ff.
-
- R 13
- G 68
- B 93
-
- C 86
- M 27
- Y 0
- K 7
● #22aded color description : Vivid blue.
#22aded Color Conversion
The hexadecimal color #22aded has RGB values of R:34, G:173, B:237 and CMYK values of C:0.86, M:0.27, Y:0, K:0.07. Its decimal value is 2272749.
Hex triplet | 22aded | #22aded |
---|---|---|
RGB Decimal | 34, 173, 237 | rgb(34,173,237) |
RGB Percent | 13.3, 67.8, 92.9 | rgb(13.3%,67.8%,92.9%) |
CMYK | 86, 27, 0, 7 | |
HSL | 198.9°, 84.9, 53.1 | hsl(198.9,84.9%,53.1%) |
HSV (or HSB) | 198.9°, 85.7, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.778, -13.052, -41.796 |
---|---|
XYZ | 30.885, 36.339, 85.502 |
xyY | 0.202, 0.238, 36.339 |
CIE-LCH | 66.778, 43.787, 252.657 |
CIE-LUV | 66.778, -42.917, -65.519 |
Hunter-Lab | 60.282, -14.038, -41.899 |
Binary | 00100010, 10101101, 11101101 |
Color Schemes with #22aded
Alternatives to #22aded
Below, you can see some colors close to #22aded. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22aded Preview
This text has a font color of #22aded.
<span style="color:#22aded;">Text here</span>
This paragraph has a background color of #22aded.
<p style="background-color:#22aded;">Content here</p>
This element has a border color of #22aded.
<div style="border:1px solid #22aded;">Content here</div>
.text {color:#22aded;}
.background {background-color:#22aded;}
.border {border:1px solid #22aded;}
Shades and Tints of #22aded
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, #010b0f is the darkest color, while #fcfeff is the lightest one.
-
#010b0f
#010b0f
rgb(1,11,15)
-
#031721
#031721
rgb(3,23,33)
-
#042433
#042433
rgb(4,36,51)
-
#063145
#063145
rgb(6,49,69)
-
#073e57
#073e57
rgb(7,62,87)
-
#094b69
#094b69
rgb(9,75,105)
-
#0a587c
#0a587c
rgb(10,88,124)
-
#0c658e
#0c658e
rgb(12,101,142)
-
#0d72a0
#0d72a0
rgb(13,114,160)
-
#0f7eb2
#0f7eb2
rgb(15,126,178)
-
#108bc4
#108bc4
rgb(16,139,196)
-
#1198d6
#1198d6
rgb(17,152,214)
-
#13a5e8
#13a5e8
rgb(19,165,232)
-
#22aded
#22aded
rgb(34,173,237)
-
#34b4ee
#34b4ee
rgb(52,180,238)
-
#46baf0
#46baf0
rgb(70,186,240)
-
#58c1f1
#58c1f1
rgb(88,193,241)
-
#6bc8f3
#6bc8f3
rgb(107,200,243)
-
#7dcff4
#7dcff4
rgb(125,207,244)
-
#8fd5f6
#8fd5f6
rgb(143,213,246)
-
#a1dcf7
#a1dcf7
rgb(161,220,247)
-
#b3e3f9
#b3e3f9
rgb(179,227,249)
-
#c5eafa
#c5eafa
rgb(197,234,250)
-
#d7f0fc
#d7f0fc
rgb(215,240,252)
-
#eaf7fd
#eaf7fd
rgb(234,247,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #22aded
A tone is produced by adding gray to any pure hue. In this case, #878888 is the less saturated color, while #19b0f6 is the most saturated one.
-
#878888
#878888
rgb(135,136,136)
-
#7e8b91
#7e8b91
rgb(126,139,145)
-
#758e9a
#758e9a
rgb(117,142,154)
-
#6c92a3
#6c92a3
rgb(108,146,163)
-
#6295ad
#6295ad
rgb(98,149,173)
-
#5999b6
#5999b6
rgb(89,153,182)
-
#509cbf
#509cbf
rgb(80,156,191)
-
#479fc8
#479fc8
rgb(71,159,200)
-
#3ea3d1
#3ea3d1
rgb(62,163,209)
-
#34a6db
#34a6db
rgb(52,166,219)
-
#2baae4
#2baae4
rgb(43,170,228)
-
#22aded
#22aded
rgb(34,173,237)
-
#19b0f6
#19b0f6
rgb(25,176,246)
Color Blindness Simulator
Below, you can see how #22aded 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.