#22bafc Color Information
In a RGB color space, hex #22bafc is composed of 13.3% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 198.2 degrees, a saturation of 97.3% and a lightness of 56.1%. #22bafc color hex could be obtained by blending #44ffff with #0075f9. Closest websafe color is: #33ccff.
-
- R 13
- G 73
- B 99
-
- C 87
- M 26
- Y 0
- K 1
● #22bafc color description : Vivid blue.
#22bafc Color Conversion
The hexadecimal color #22bafc has RGB values of R:34, G:186, B:252 and CMYK values of C:0.87, M:0.26, Y:0, K:0.01. Its decimal value is 2276092.
Hex triplet | 22bafc | #22bafc |
---|---|---|
RGB Decimal | 34, 186, 252 | rgb(34,186,252) |
RGB Percent | 13.3, 72.9, 98.8 | rgb(13.3%,72.9%,98.8%) |
CMYK | 87, 26, 0, 1 | |
HSL | 198.2°, 97.3, 56.1 | hsl(198.2,97.3%,56.1%) |
HSV (or HSB) | 198.2°, 86.5, 98.8 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.203, -14.832, -43.017 |
---|---|
XYZ | 35.785, 42.483, 98.404 |
xyY | 0.203, 0.24, 42.483 |
CIE-LCH | 71.203, 45.502, 250.976 |
CIE-LUV | 71.203, -46.287, -67.987 |
Hunter-Lab | 65.179, -16.062, -43.888 |
Binary | 00100010, 10111010, 11111100 |
Color Schemes with #22bafc
Alternatives to #22bafc
Below, you can see some colors close to #22bafc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bafc Preview
This text has a font color of #22bafc.
<span style="color:#22bafc;">Text here</span>
This paragraph has a background color of #22bafc.
<p style="background-color:#22bafc;">Content here</p>
This element has a border color of #22bafc.
<div style="border:1px solid #22bafc;">Content here</div>
.text {color:#22bafc;}
.background {background-color:#22bafc;}
.border {border:1px solid #22bafc;}
Shades and Tints of #22bafc
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, #00080b is the darkest color, while #f7fcff is the lightest one.
-
#00080b
#00080b
rgb(0,8,11)
-
#00151f
#00151f
rgb(0,21,31)
-
#012332
#012332
rgb(1,35,50)
-
#013145
#013145
rgb(1,49,69)
-
#013e59
#013e59
rgb(1,62,89)
-
#014c6c
#014c6c
rgb(1,76,108)
-
#02597f
#02597f
rgb(2,89,127)
-
#026793
#026793
rgb(2,103,147)
-
#0274a6
#0274a6
rgb(2,116,166)
-
#0382b9
#0382b9
rgb(3,130,185)
-
#0390cd
#0390cd
rgb(3,144,205)
-
#039de0
#039de0
rgb(3,157,224)
-
#03abf3
#03abf3
rgb(3,171,243)
-
#0fb4fc
#0fb4fc
rgb(15,180,252)
-
#22bafc
#22bafc
rgb(34,186,252)
-
#35c0fc
#35c0fc
rgb(53,192,252)
-
#49c6fd
#49c6fd
rgb(73,198,253)
-
#5cccfd
#5cccfd
rgb(92,204,253)
-
#6fd2fd
#6fd2fd
rgb(111,210,253)
-
#83d8fd
#83d8fd
rgb(131,216,253)
-
#96defe
#96defe
rgb(150,222,254)
-
#a9e4fe
#a9e4fe
rgb(169,228,254)
-
#bdeafe
#bdeafe
rgb(189,234,254)
-
#d0f0fe
#d0f0fe
rgb(208,240,254)
-
#e4f6ff
#e4f6ff
rgb(228,246,255)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #22bafc
A tone is produced by adding gray to any pure hue. In this case, #899195 is the less saturated color, while #22bafc is the most saturated one.
-
#899195
#899195
rgb(137,145,149)
-
#81959d
#81959d
rgb(129,149,157)
-
#7898a6
#7898a6
rgb(120,152,166)
-
#709bae
#709bae
rgb(112,155,174)
-
#679fb7
#679fb7
rgb(103,159,183)
-
#5ea2c0
#5ea2c0
rgb(94,162,192)
-
#56a6c8
#56a6c8
rgb(86,166,200)
-
#4da9d1
#4da9d1
rgb(77,169,209)
-
#44acda
#44acda
rgb(68,172,218)
-
#3cb0e2
#3cb0e2
rgb(60,176,226)
-
#33b3eb
#33b3eb
rgb(51,179,235)
-
#2bb7f3
#2bb7f3
rgb(43,183,243)
-
#22bafc
#22bafc
rgb(34,186,252)
Color Blindness Simulator
Below, you can see how #22bafc 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.