#22b1fb Color Information
In a RGB color space, hex #22b1fb is composed of 13.3% red, 69.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 29.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 200.5 degrees, a saturation of 96.4% and a lightness of 55.9%. #22b1fb color hex could be obtained by blending #44ffff with #0063f7. Closest websafe color is: #3399ff.
-
- R 13
- G 69
- B 98
-
- C 86
- M 29
- Y 0
- K 2
● #22b1fb color description : Vivid blue.
#22b1fb Color Conversion
The hexadecimal color #22b1fb has RGB values of R:34, G:177, B:251 and CMYK values of C:0.86, M:0.29, Y:0, K:0.02. Its decimal value is 2273787.
Hex triplet | 22b1fb | #22b1fb |
---|---|---|
RGB Decimal | 34, 177, 251 | rgb(34,177,251) |
RGB Percent | 13.3, 69.4, 98.4 | rgb(13.3%,69.4%,98.4%) |
CMYK | 86, 29, 0, 2 | |
HSL | 200.5°, 96.4, 55.9 | hsl(200.5,96.4%,55.9%) |
HSV (or HSB) | 200.5°, 86.5, 98.4 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.567, -10.309, -46.61 |
---|---|
XYZ | 33.79, 38.746, 96.959 |
xyY | 0.199, 0.229, 38.746 |
CIE-LCH | 68.567, 47.737, 257.528 |
CIE-LUV | 68.567, -43.351, -74.324 |
Hunter-Lab | 62.246, -12.034, -48.782 |
Binary | 00100010, 10110001, 11111011 |
Color Schemes with #22b1fb
Alternatives to #22b1fb
Below, you can see some colors close to #22b1fb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b1fb Preview
This text has a font color of #22b1fb.
<span style="color:#22b1fb;">Text here</span>
This paragraph has a background color of #22b1fb.
<p style="background-color:#22b1fb;">Content here</p>
This element has a border color of #22b1fb.
<div style="border:1px solid #22b1fb;">Content here</div>
.text {color:#22b1fb;}
.background {background-color:#22b1fb;}
.border {border:1px solid #22b1fb;}
Shades and Tints of #22b1fb
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, #00070a is the darkest color, while #f6fcff is the lightest one.
-
#00070a
#00070a
rgb(0,7,10)
-
#01141d
#01141d
rgb(1,20,29)
-
#012031
#012031
rgb(1,32,49)
-
#012d44
#012d44
rgb(1,45,68)
-
#023a57
#023a57
rgb(2,58,87)
-
#02476b
#02476b
rgb(2,71,107)
-
#02547e
#02547e
rgb(2,84,126)
-
#036091
#036091
rgb(3,96,145)
-
#036da4
#036da4
rgb(3,109,164)
-
#037ab8
#037ab8
rgb(3,122,184)
-
#0487cb
#0487cb
rgb(4,135,203)
-
#0494de
#0494de
rgb(4,148,222)
-
#04a1f1
#04a1f1
rgb(4,161,241)
-
#0faafb
#0faafb
rgb(15,170,251)
-
#22b1fb
#22b1fb
rgb(34,177,251)
-
#35b8fb
#35b8fb
rgb(53,184,251)
-
#49bffc
#49bffc
rgb(73,191,252)
-
#5cc5fc
#5cc5fc
rgb(92,197,252)
-
#6fccfc
#6fccfc
rgb(111,204,252)
-
#82d3fd
#82d3fd
rgb(130,211,253)
-
#96dafd
#96dafd
rgb(150,218,253)
-
#a9e1fd
#a9e1fd
rgb(169,225,253)
-
#bce7fe
#bce7fe
rgb(188,231,254)
-
#cfeefe
#cfeefe
rgb(207,238,254)
-
#e3f5fe
#e3f5fe
rgb(227,245,254)
-
#f6fcff
#f6fcff
rgb(246,252,255)
Tones of #22b1fb
A tone is produced by adding gray to any pure hue. In this case, #8a9093 is the less saturated color, while #22b1fb is the most saturated one.
-
#8a9093
#8a9093
rgb(138,144,147)
-
#81939c
#81939c
rgb(129,147,156)
-
#7995a4
#7995a4
rgb(121,149,164)
-
#7098ad
#7098ad
rgb(112,152,173)
-
#679bb6
#679bb6
rgb(103,155,182)
-
#5f9ebe
#5f9ebe
rgb(95,158,190)
-
#56a0c7
#56a0c7
rgb(86,160,199)
-
#4da3d0
#4da3d0
rgb(77,163,208)
-
#45a6d8
#45a6d8
rgb(69,166,216)
-
#3ca9e1
#3ca9e1
rgb(60,169,225)
-
#33abea
#33abea
rgb(51,171,234)
-
#2baef2
#2baef2
rgb(43,174,242)
-
#22b1fb
#22b1fb
rgb(34,177,251)
Color Blindness Simulator
Below, you can see how #22b1fb 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.