#22aefd Color Information
In a RGB color space, hex #22aefd is composed of 13.3% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.6 degrees, a saturation of 98.2% and a lightness of 56.3%. #22aefd color hex could be obtained by blending #44ffff with #005dfb. Closest websafe color is: #3399ff.
-
- R 13
- G 68
- B 99
-
- C 87
- M 31
- Y 0
- K 1
● #22aefd color description : Vivid blue.
#22aefd Color Conversion
The hexadecimal color #22aefd has RGB values of R:34, G:174, B:253 and CMYK values of C:0.87, M:0.31, Y:0, K:0.01. Its decimal value is 2273021.
Hex triplet | 22aefd | #22aefd |
---|---|---|
RGB Decimal | 34, 174, 253 | rgb(34,174,253) |
RGB Percent | 13.3, 68.2, 99.2 | rgb(13.3%,68.2%,99.2%) |
CMYK | 87, 31, 0, 1 | |
HSL | 201.6°, 98.2, 56.3 | hsl(201.6,98.2%,56.3%) |
HSV (or HSB) | 201.6°, 86.6, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.8, -7.944, -48.904 |
---|---|
XYZ | 33.521, 37.701, 98.433 |
xyY | 0.198, 0.222, 37.701 |
CIE-LCH | 67.8, 49.545, 260.773 |
CIE-LUV | 67.8, -42.231, -78.39 |
Hunter-Lab | 61.401, -10.003, -52.068 |
Binary | 00100010, 10101110, 11111101 |
Color Schemes with #22aefd
Alternatives to #22aefd
Below, you can see some colors close to #22aefd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22aefd Preview
This text has a font color of #22aefd.
<span style="color:#22aefd;">Text here</span>
This paragraph has a background color of #22aefd.
<p style="background-color:#22aefd;">Content here</p>
This element has a border color of #22aefd.
<div style="border:1px solid #22aefd;">Content here</div>
.text {color:#22aefd;}
.background {background-color:#22aefd;}
.border {border:1px solid #22aefd;}
Shades and Tints of #22aefd
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, #00080c is the darkest color, while #f8fcff is the lightest one.
-
#00080c
#00080c
rgb(0,8,12)
-
#001420
#001420
rgb(0,20,32)
-
#002133
#002133
rgb(0,33,51)
-
#012d47
#012d47
rgb(1,45,71)
-
#013a5a
#013a5a
rgb(1,58,90)
-
#01466d
#01466d
rgb(1,70,109)
-
#015381
#015381
rgb(1,83,129)
-
#015f94
#015f94
rgb(1,95,148)
-
#026ca8
#026ca8
rgb(2,108,168)
-
#0278bb
#0278bb
rgb(2,120,187)
-
#0285cf
#0285cf
rgb(2,133,207)
-
#0291e2
#0291e2
rgb(2,145,226)
-
#029ef6
#029ef6
rgb(2,158,246)
-
#0fa7fd
#0fa7fd
rgb(15,167,253)
-
#22aefd
#22aefd
rgb(34,174,253)
-
#35b5fd
#35b5fd
rgb(53,181,253)
-
#49bcfd
#49bcfd
rgb(73,188,253)
-
#5cc3fe
#5cc3fe
rgb(92,195,254)
-
#70cafe
#70cafe
rgb(112,202,254)
-
#83d2fe
#83d2fe
rgb(131,210,254)
-
#97d9fe
#97d9fe
rgb(151,217,254)
-
#aae0fe
#aae0fe
rgb(170,224,254)
-
#bee7fe
#bee7fe
rgb(190,231,254)
-
#d1eeff
#d1eeff
rgb(209,238,255)
-
#e4f5ff
#e4f5ff
rgb(228,245,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #22aefd
A tone is produced by adding gray to any pure hue. In this case, #899196 is the less saturated color, while #22aefd is the most saturated one.
-
#899196
#899196
rgb(137,145,150)
-
#80949f
#80949f
rgb(128,148,159)
-
#7896a7
#7896a7
rgb(120,150,167)
-
#6f98b0
#6f98b0
rgb(111,152,176)
-
#679bb8
#679bb8
rgb(103,155,184)
-
#5e9dc1
#5e9dc1
rgb(94,157,193)
-
#55a0ca
#55a0ca
rgb(85,160,202)
-
#4da2d2
#4da2d2
rgb(77,162,210)
-
#44a4db
#44a4db
rgb(68,164,219)
-
#3ca7e3
#3ca7e3
rgb(60,167,227)
-
#33a9ec
#33a9ec
rgb(51,169,236)
-
#2bacf4
#2bacf4
rgb(43,172,244)
-
#22aefd
#22aefd
rgb(34,174,253)
Color Blindness Simulator
Below, you can see how #22aefd 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.