#22aaff Color Information
In a RGB color space, hex #22aaff is composed of 13.3% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 203.1 degrees, a saturation of 100% and a lightness of 56.7%. #22aaff color hex could be obtained by blending #44ffff with #0055ff. Closest websafe color is: #3399ff.
-
- R 13
- G 67
- B 100
-
- C 87
- M 33
- Y 0
- K 0
● #22aaff color description : Vivid blue.
#22aaff Color Conversion
The hexadecimal color #22aaff has RGB values of R:34, G:170, B:255 and CMYK values of C:0.87, M:0.33, Y:0, K:0. Its decimal value is 2271999.
Hex triplet | 22aaff | #22aaff |
---|---|---|
RGB Decimal | 34, 170, 255 | rgb(34,170,255) |
RGB Percent | 13.3, 66.7, 100 | rgb(13.3%,66.7%,100%) |
CMYK | 87, 33, 0, 0 | |
HSL | 203.1°, 100, 56.7 | hsl(203.1,100%,56.7%) |
HSV (or HSB) | 203.1°, 86.7, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.753, -4.99, -51.641 |
---|---|
XYZ | 33.08, 36.306, 99.867 |
xyY | 0.195, 0.215, 36.306 |
CIE-LCH | 66.753, 51.882, 264.48 |
CIE-LUV | 66.753, -40.795, -83.193 |
Hunter-Lab | 60.255, -7.449, -56.089 |
Binary | 00100010, 10101010, 11111111 |
Color Schemes with #22aaff
Alternatives to #22aaff
Below, you can see some colors close to #22aaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22aaff Preview
This text has a font color of #22aaff.
<span style="color:#22aaff;">Text here</span>
This paragraph has a background color of #22aaff.
<p style="background-color:#22aaff;">Content here</p>
This element has a border color of #22aaff.
<div style="border:1px solid #22aaff;">Content here</div>
.text {color:#22aaff;}
.background {background-color:#22aaff;}
.border {border:1px solid #22aaff;}
Shades and Tints of #22aaff
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)
-
#002d49
#002d49
rgb(0,45,73)
-
#00395d
#00395d
rgb(0,57,93)
-
#004570
#004570
rgb(0,69,112)
-
#005184
#005184
rgb(0,81,132)
-
#005d98
#005d98
rgb(0,93,152)
-
#0069ab
#0069ab
rgb(0,105,171)
-
#0075bf
#0075bf
rgb(0,117,191)
-
#0082d3
#0082d3
rgb(0,130,211)
-
#008ee6
#008ee6
rgb(0,142,230)
-
#009afa
#009afa
rgb(0,154,250)
-
#0ea2ff
#0ea2ff
rgb(14,162,255)
-
#22aaff
#22aaff
rgb(34,170,255)
-
#36b2ff
#36b2ff
rgb(54,178,255)
-
#49b9ff
#49b9ff
rgb(73,185,255)
-
#5dc1ff
#5dc1ff
rgb(93,193,255)
-
#70c8ff
#70c8ff
rgb(112,200,255)
-
#84d0ff
#84d0ff
rgb(132,208,255)
-
#98d7ff
#98d7ff
rgb(152,215,255)
-
#abdfff
#abdfff
rgb(171,223,255)
-
#bfe6ff
#bfe6ff
rgb(191,230,255)
-
#d3eeff
#d3eeff
rgb(211,238,255)
-
#e6f5ff
#e6f5ff
rgb(230,245,255)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #22aaff
A tone is produced by adding gray to any pure hue. In this case, #889299 is the less saturated color, while #22aaff 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)
-
#5e9cc4
#5e9cc4
rgb(94,156,196)
-
#559ecc
#559ecc
rgb(85,158,204)
-
#4da0d5
#4da0d5
rgb(77,160,213)
-
#44a2dd
#44a2dd
rgb(68,162,221)
-
#3ca4e6
#3ca4e6
rgb(60,164,230)
-
#33a6ee
#33a6ee
rgb(51,166,238)
-
#2ba8f7
#2ba8f7
rgb(43,168,247)
-
#22aaff
#22aaff
rgb(34,170,255)
Color Blindness Simulator
Below, you can see how #22aaff 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.