#22a4fb Color Information
In a RGB color space, hex #22a4fb is composed of 13.3% red, 64.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 34.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 204.1 degrees, a saturation of 96.4% and a lightness of 55.9%. #22a4fb color hex could be obtained by blending #44ffff with #0049f7. Closest websafe color is: #3399ff.
-
- R 13
- G 64
- B 98
-
- C 86
- M 35
- Y 0
- K 2
● #22a4fb color description : Vivid blue.
#22a4fb Color Conversion
The hexadecimal color #22a4fb has RGB values of R:34, G:164, B:251 and CMYK values of C:0.86, M:0.35, Y:0, K:0.02. Its decimal value is 2270459.
Hex triplet | 22a4fb | #22a4fb |
---|---|---|
RGB Decimal | 34, 164, 251 | rgb(34,164,251) |
RGB Percent | 13.3, 64.3, 98.4 | rgb(13.3%,64.3%,98.4%) |
CMYK | 86, 35, 0, 2 | |
HSL | 204.1°, 96.4, 55.9 | hsl(204.1,96.4%,55.9%) |
HSV (or HSB) | 204.1°, 86.5, 98.4 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.846, -3.033, -52.485 |
---|---|
XYZ | 31.344, 33.853, 96.144 |
xyY | 0.194, 0.21, 33.853 |
CIE-LCH | 64.846, 52.573, 266.693 |
CIE-LUV | 64.846, -39.068, -84.449 |
Hunter-Lab | 58.183, -5.663, -57.244 |
Binary | 00100010, 10100100, 11111011 |
Color Schemes with #22a4fb
Alternatives to #22a4fb
Below, you can see some colors close to #22a4fb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a4fb Preview
This text has a font color of #22a4fb.
<span style="color:#22a4fb;">Text here</span>
This paragraph has a background color of #22a4fb.
<p style="background-color:#22a4fb;">Content here</p>
This element has a border color of #22a4fb.
<div style="border:1px solid #22a4fb;">Content here</div>
.text {color:#22a4fb;}
.background {background-color:#22a4fb;}
.border {border:1px solid #22a4fb;}
Shades and Tints of #22a4fb
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, #00060a is the darkest color, while #f6fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#01121d
#01121d
rgb(1,18,29)
-
#011e31
#011e31
rgb(1,30,49)
-
#012944
#012944
rgb(1,41,68)
-
#023557
#023557
rgb(2,53,87)
-
#02416b
#02416b
rgb(2,65,107)
-
#024c7e
#024c7e
rgb(2,76,126)
-
#035891
#035891
rgb(3,88,145)
-
#0364a4
#0364a4
rgb(3,100,164)
-
#036fb8
#036fb8
rgb(3,111,184)
-
#047bcb
#047bcb
rgb(4,123,203)
-
#0487de
#0487de
rgb(4,135,222)
-
#0492f1
#0492f1
rgb(4,146,241)
-
#0f9cfb
#0f9cfb
rgb(15,156,251)
-
#22a4fb
#22a4fb
rgb(34,164,251)
-
#35acfb
#35acfb
rgb(53,172,251)
-
#49b4fc
#49b4fc
rgb(73,180,252)
-
#5cbcfc
#5cbcfc
rgb(92,188,252)
-
#6fc4fc
#6fc4fc
rgb(111,196,252)
-
#82ccfd
#82ccfd
rgb(130,204,253)
-
#96d4fd
#96d4fd
rgb(150,212,253)
-
#a9dcfd
#a9dcfd
rgb(169,220,253)
-
#bce3fe
#bce3fe
rgb(188,227,254)
-
#cfebfe
#cfebfe
rgb(207,235,254)
-
#e3f3fe
#e3f3fe
rgb(227,243,254)
-
#f6fbff
#f6fbff
rgb(246,251,255)
Tones of #22a4fb
A tone is produced by adding gray to any pure hue. In this case, #8a8f93 is the less saturated color, while #22a4fb is the most saturated one.
-
#8a8f93
#8a8f93
rgb(138,143,147)
-
#81919c
#81919c
rgb(129,145,156)
-
#7993a4
#7993a4
rgb(121,147,164)
-
#7095ad
#7095ad
rgb(112,149,173)
-
#6796b6
#6796b6
rgb(103,150,182)
-
#5f98be
#5f98be
rgb(95,152,190)
-
#569ac7
#569ac7
rgb(86,154,199)
-
#4d9bd0
#4d9bd0
rgb(77,155,208)
-
#459dd8
#459dd8
rgb(69,157,216)
-
#3c9fe1
#3c9fe1
rgb(60,159,225)
-
#33a1ea
#33a1ea
rgb(51,161,234)
-
#2ba2f2
#2ba2f2
rgb(43,162,242)
-
#22a4fb
#22a4fb
rgb(34,164,251)
Color Blindness Simulator
Below, you can see how #22a4fb 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.