#22bcfb Color Information
In a RGB color space, hex #22bcfb is composed of 13.3% red, 73.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 25.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 197.4 degrees, a saturation of 96.4% and a lightness of 55.9%. #22bcfb color hex could be obtained by blending #44ffff with #0079f7. Closest websafe color is: #33ccff.
-
- R 13
- G 74
- B 98
-
- C 86
- M 25
- Y 0
- K 2
● #22bcfb color description : Vivid blue.
#22bcfb Color Conversion
The hexadecimal color #22bcfb has RGB values of R:34, G:188, B:251 and CMYK values of C:0.86, M:0.25, Y:0, K:0.02. Its decimal value is 2276603.
Hex triplet | 22bcfb | #22bcfb |
---|---|---|
RGB Decimal | 34, 188, 251 | rgb(34,188,251) |
RGB Percent | 13.3, 73.7, 98.4 | rgb(13.3%,73.7%,98.4%) |
CMYK | 86, 25, 0, 2 | |
HSL | 197.4°, 96.4, 55.9 | hsl(197.4,96.4%,55.9%) |
HSV (or HSB) | 197.4°, 86.5, 98.4 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.737, -16.241, -41.643 |
---|---|
XYZ | 36.051, 43.268, 97.713 |
xyY | 0.204, 0.244, 43.268 |
CIE-LCH | 71.737, 44.698, 248.694 |
CIE-LUV | 71.737, -47.024, -65.513 |
Hunter-Lab | 65.779, -17.283, -42.029 |
Binary | 00100010, 10111100, 11111011 |
Color Schemes with #22bcfb
Alternatives to #22bcfb
Below, you can see some colors close to #22bcfb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bcfb Preview
This text has a font color of #22bcfb.
<span style="color:#22bcfb;">Text here</span>
This paragraph has a background color of #22bcfb.
<p style="background-color:#22bcfb;">Content here</p>
This element has a border color of #22bcfb.
<div style="border:1px solid #22bcfb;">Content here</div>
.text {color:#22bcfb;}
.background {background-color:#22bcfb;}
.border {border:1px solid #22bcfb;}
Shades and Tints of #22bcfb
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)
-
#01151d
#01151d
rgb(1,21,29)
-
#012331
#012331
rgb(1,35,49)
-
#013144
#013144
rgb(1,49,68)
-
#023e57
#023e57
rgb(2,62,87)
-
#024c6b
#024c6b
rgb(2,76,107)
-
#025a7e
#025a7e
rgb(2,90,126)
-
#036891
#036891
rgb(3,104,145)
-
#0375a4
#0375a4
rgb(3,117,164)
-
#0383b8
#0383b8
rgb(3,131,184)
-
#0491cb
#0491cb
rgb(4,145,203)
-
#049fde
#049fde
rgb(4,159,222)
-
#04adf1
#04adf1
rgb(4,173,241)
-
#0fb6fb
#0fb6fb
rgb(15,182,251)
-
#22bcfb
#22bcfb
rgb(34,188,251)
-
#35c2fb
#35c2fb
rgb(53,194,251)
-
#49c8fc
#49c8fc
rgb(73,200,252)
-
#5ccefc
#5ccefc
rgb(92,206,252)
-
#6fd3fc
#6fd3fc
rgb(111,211,252)
-
#82d9fd
#82d9fd
rgb(130,217,253)
-
#96dffd
#96dffd
rgb(150,223,253)
-
#a9e5fd
#a9e5fd
rgb(169,229,253)
-
#bcebfe
#bcebfe
rgb(188,235,254)
-
#cff1fe
#cff1fe
rgb(207,241,254)
-
#e3f6fe
#e3f6fe
rgb(227,246,254)
-
#f6fcff
#f6fcff
rgb(246,252,255)
Tones of #22bcfb
A tone is produced by adding gray to any pure hue. In this case, #8a9093 is the less saturated color, while #22bcfb is the most saturated one.
-
#8a9093
#8a9093
rgb(138,144,147)
-
#81949c
#81949c
rgb(129,148,156)
-
#7998a4
#7998a4
rgb(121,152,164)
-
#709bad
#709bad
rgb(112,155,173)
-
#679fb6
#679fb6
rgb(103,159,182)
-
#5fa3be
#5fa3be
rgb(95,163,190)
-
#56a6c7
#56a6c7
rgb(86,166,199)
-
#4daad0
#4daad0
rgb(77,170,208)
-
#45add8
#45add8
rgb(69,173,216)
-
#3cb1e1
#3cb1e1
rgb(60,177,225)
-
#33b5ea
#33b5ea
rgb(51,181,234)
-
#2bb8f2
#2bb8f2
rgb(43,184,242)
-
#22bcfb
#22bcfb
rgb(34,188,251)
Color Blindness Simulator
Below, you can see how #22bcfb 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.