#22bdfb Color Information
In a RGB color space, hex #22bdfb is composed of 13.3% red, 74.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 24.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 197.1 degrees, a saturation of 96.4% and a lightness of 55.9%. #22bdfb color hex could be obtained by blending #44ffff with #007bf7. Closest websafe color is: #33ccff.
-
- R 13
- G 74
- B 98
-
- C 86
- M 25
- Y 0
- K 2
● #22bdfb color description : Vivid blue.
#22bdfb Color Conversion
The hexadecimal color #22bdfb has RGB values of R:34, G:189, B:251 and CMYK values of C:0.86, M:0.25, Y:0, K:0.02. Its decimal value is 2276859.
Hex triplet | 22bdfb | #22bdfb |
---|---|---|
RGB Decimal | 34, 189, 251 | rgb(34,189,251) |
RGB Percent | 13.3, 74.1, 98.4 | rgb(13.3%,74.1%,98.4%) |
CMYK | 86, 25, 0, 2 | |
HSL | 197.1°, 96.4, 55.9 | hsl(197.1,96.4%,55.9%) |
HSV (or HSB) | 197.1°, 86.5, 98.4 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 72.025, -16.77, -41.192 |
---|---|
XYZ | 36.265, 43.697, 97.784 |
xyY | 0.204, 0.246, 43.697 |
CIE-LCH | 72.025, 44.475, 247.848 |
CIE-LUV | 72.025, -47.36, -64.705 |
Hunter-Lab | 66.104, -17.754, -41.433 |
Binary | 00100010, 10111101, 11111011 |
Color Schemes with #22bdfb
Alternatives to #22bdfb
Below, you can see some colors close to #22bdfb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bdfb Preview
This text has a font color of #22bdfb.
<span style="color:#22bdfb;">Text here</span>
This paragraph has a background color of #22bdfb.
<p style="background-color:#22bdfb;">Content here</p>
This element has a border color of #22bdfb.
<div style="border:1px solid #22bdfb;">Content here</div>
.text {color:#22bdfb;}
.background {background-color:#22bdfb;}
.border {border:1px solid #22bdfb;}
Shades and Tints of #22bdfb
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)
-
#023f57
#023f57
rgb(2,63,87)
-
#024d6b
#024d6b
rgb(2,77,107)
-
#025b7e
#025b7e
rgb(2,91,126)
-
#036891
#036891
rgb(3,104,145)
-
#0376a4
#0376a4
rgb(3,118,164)
-
#0384b8
#0384b8
rgb(3,132,184)
-
#0492cb
#0492cb
rgb(4,146,203)
-
#04a0de
#04a0de
rgb(4,160,222)
-
#04aef1
#04aef1
rgb(4,174,241)
-
#0fb7fb
#0fb7fb
rgb(15,183,251)
-
#22bdfb
#22bdfb
rgb(34,189,251)
-
#35c3fb
#35c3fb
rgb(53,195,251)
-
#49c9fc
#49c9fc
rgb(73,201,252)
-
#5ccefc
#5ccefc
rgb(92,206,252)
-
#6fd4fc
#6fd4fc
rgb(111,212,252)
-
#82dafd
#82dafd
rgb(130,218,253)
-
#96e0fd
#96e0fd
rgb(150,224,253)
-
#a9e5fd
#a9e5fd
rgb(169,229,253)
-
#bcebfe
#bcebfe
rgb(188,235,254)
-
#cff1fe
#cff1fe
rgb(207,241,254)
-
#e3f7fe
#e3f7fe
rgb(227,247,254)
-
#f6fcff
#f6fcff
rgb(246,252,255)
Tones of #22bdfb
A tone is produced by adding gray to any pure hue. In this case, #8a9093 is the less saturated color, while #22bdfb is the most saturated one.
-
#8a9093
#8a9093
rgb(138,144,147)
-
#81949c
#81949c
rgb(129,148,156)
-
#7998a4
#7998a4
rgb(121,152,164)
-
#709cad
#709cad
rgb(112,156,173)
-
#679fb6
#679fb6
rgb(103,159,182)
-
#5fa3be
#5fa3be
rgb(95,163,190)
-
#56a7c7
#56a7c7
rgb(86,167,199)
-
#4daad0
#4daad0
rgb(77,170,208)
-
#45aed8
#45aed8
rgb(69,174,216)
-
#3cb2e1
#3cb2e1
rgb(60,178,225)
-
#33b6ea
#33b6ea
rgb(51,182,234)
-
#2bb9f2
#2bb9f2
rgb(43,185,242)
-
#22bdfb
#22bdfb
rgb(34,189,251)
Color Blindness Simulator
Below, you can see how #22bdfb 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.