#22a8ff Color Information
In a RGB color space, hex #22a8ff is composed of 13.3% red, 65.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 34.1% magenta, 0% yellow and 0% black. It has a hue angle of 203.6 degrees, a saturation of 100% and a lightness of 56.7%. #22a8ff color hex could be obtained by blending #44ffff with #0051ff. Closest websafe color is: #3399ff.
-
- R 13
- G 66
- B 100
-
- C 87
- M 34
- Y 0
- K 0
● #22a8ff color description : Vivid blue.
#22a8ff Color Conversion
The hexadecimal color #22a8ff has RGB values of R:34, G:168, B:255 and CMYK values of C:0.87, M:0.34, Y:0, K:0. Its decimal value is 2271487.
Hex triplet | 22a8ff | #22a8ff |
---|---|---|
RGB Decimal | 34, 168, 255 | rgb(34,168,255) |
RGB Percent | 13.3, 65.9, 100 | rgb(13.3%,65.9%,100%) |
CMYK | 87, 34, 0, 0 | |
HSL | 203.6°, 100, 56.7 | hsl(203.6,100%,56.7%) |
HSV (or HSB) | 203.6°, 86.7, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.184, -3.86, -52.542 |
---|---|
XYZ | 32.708, 35.562, 99.743 |
xyY | 0.195, 0.212, 35.562 |
CIE-LCH | 66.184, 52.684, 265.798 |
CIE-LUV | 66.184, -40.141, -84.733 |
Hunter-Lab | 59.634, -6.457, -57.423 |
Binary | 00100010, 10101000, 11111111 |
Color Schemes with #22a8ff
Alternatives to #22a8ff
Below, you can see some colors close to #22a8ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a8ff Preview
This text has a font color of #22a8ff.
<span style="color:#22a8ff;">Text here</span>
This paragraph has a background color of #22a8ff.
<p style="background-color:#22a8ff;">Content here</p>
This element has a border color of #22a8ff.
<div style="border:1px solid #22a8ff;">Content here</div>
.text {color:#22a8ff;}
.background {background-color:#22a8ff;}
.border {border:1px solid #22a8ff;}
Shades and Tints of #22a8ff
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, #00090e is the darkest color, while #fafdff is the lightest one.
-
#00090e
#00090e
rgb(0,9,14)
-
#001522
#001522
rgb(0,21,34)
-
#002136
#002136
rgb(0,33,54)
-
#002c49
#002c49
rgb(0,44,73)
-
#00385d
#00385d
rgb(0,56,93)
-
#004470
#004470
rgb(0,68,112)
-
#005084
#005084
rgb(0,80,132)
-
#005c98
#005c98
rgb(0,92,152)
-
#0068ab
#0068ab
rgb(0,104,171)
-
#0074bf
#0074bf
rgb(0,116,191)
-
#0080d3
#0080d3
rgb(0,128,211)
-
#008ce6
#008ce6
rgb(0,140,230)
-
#0097fa
#0097fa
rgb(0,151,250)
-
#0ea0ff
#0ea0ff
rgb(14,160,255)
-
#22a8ff
#22a8ff
rgb(34,168,255)
-
#36b0ff
#36b0ff
rgb(54,176,255)
-
#49b7ff
#49b7ff
rgb(73,183,255)
-
#5dbfff
#5dbfff
rgb(93,191,255)
-
#70c7ff
#70c7ff
rgb(112,199,255)
-
#84cfff
#84cfff
rgb(132,207,255)
-
#98d6ff
#98d6ff
rgb(152,214,255)
-
#abdeff
#abdeff
rgb(171,222,255)
-
#bfe6ff
#bfe6ff
rgb(191,230,255)
-
#d3edff
#d3edff
rgb(211,237,255)
-
#e6f5ff
#e6f5ff
rgb(230,245,255)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #22a8ff
A tone is produced by adding gray to any pure hue. In this case, #889299 is the less saturated color, while #22a8ff is the most saturated one.
-
#889299
#889299
rgb(136,146,153)
-
#8094a2
#8094a2
rgb(128,148,162)
-
#7796aa
#7796aa
rgb(119,150,170)
-
#6f98b3
#6f98b3
rgb(111,152,179)
-
#669abb
#669abb
rgb(102,154,187)
-
#5e9bc4
#5e9bc4
rgb(94,155,196)
-
#559dcc
#559dcc
rgb(85,157,204)
-
#4d9fd5
#4d9fd5
rgb(77,159,213)
-
#44a1dd
#44a1dd
rgb(68,161,221)
-
#3ca3e6
#3ca3e6
rgb(60,163,230)
-
#33a4ee
#33a4ee
rgb(51,164,238)
-
#2ba6f7
#2ba6f7
rgb(43,166,247)
-
#22a8ff
#22a8ff
rgb(34,168,255)
Color Blindness Simulator
Below, you can see how #22a8ff 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.