#22c4fa Color Information
In a RGB color space, hex #22c4fa is composed of 13.3% red, 76.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 21.6% magenta, 0% yellow and 2% black. It has a hue angle of 195 degrees, a saturation of 95.6% and a lightness of 55.7%. #22c4fa color hex could be obtained by blending #44ffff with #0089f5. Closest websafe color is: #33ccff.
-
- R 13
- G 77
- B 98
-
- C 86
- M 22
- Y 0
- K 2
● #22c4fa color description : Vivid blue.
#22c4fa Color Conversion
The hexadecimal color #22c4fa has RGB values of R:34, G:196, B:250 and CMYK values of C:0.86, M:0.22, Y:0, K:0.02. Its decimal value is 2278650.
Hex triplet | 22c4fa | #22c4fa |
---|---|---|
RGB Decimal | 34, 196, 250 | rgb(34,196,250) |
RGB Percent | 13.3, 76.9, 98 | rgb(13.3%,76.9%,98%) |
CMYK | 86, 22, 0, 2 | |
HSL | 195°, 95.6, 55.7 | hsl(195,95.6%,55.7%) |
HSV (or HSB) | 195°, 86.4, 98 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 74.009, -20.762, -37.564 |
---|---|
XYZ | 37.65, 46.718, 97.47 |
xyY | 0.207, 0.257, 46.718 |
CIE-LCH | 74.009, 42.92, 241.07 |
CIE-LUV | 74.009, -49.784, -58.159 |
Hunter-Lab | 68.351, -21.289, -36.704 |
Binary | 00100010, 11000100, 11111010 |
Color Schemes with #22c4fa
Alternatives to #22c4fa
Below, you can see some colors close to #22c4fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c4fa Preview
This text has a font color of #22c4fa.
<span style="color:#22c4fa;">Text here</span>
This paragraph has a background color of #22c4fa.
<p style="background-color:#22c4fa;">Content here</p>
This element has a border color of #22c4fa.
<div style="border:1px solid #22c4fa;">Content here</div>
.text {color:#22c4fa;}
.background {background-color:#22c4fa;}
.border {border:1px solid #22c4fa;}
Shades and Tints of #22c4fa
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, #000709 is the darkest color, while #f5fcff is the lightest one.
-
#000709
#000709
rgb(0,7,9)
-
#01151c
#01151c
rgb(1,21,28)
-
#012430
#012430
rgb(1,36,48)
-
#023243
#023243
rgb(2,50,67)
-
#024156
#024156
rgb(2,65,86)
-
#024f69
#024f69
rgb(2,79,105)
-
#035e7c
#035e7c
rgb(3,94,124)
-
#036c8f
#036c8f
rgb(3,108,143)
-
#047ba3
#047ba3
rgb(4,123,163)
-
#0489b6
#0489b6
rgb(4,137,182)
-
#0598c9
#0598c9
rgb(5,152,201)
-
#05a6dc
#05a6dc
rgb(5,166,220)
-
#05b5ef
#05b5ef
rgb(5,181,239)
-
#0fbffa
#0fbffa
rgb(15,191,250)
-
#22c4fa
#22c4fa
rgb(34,196,250)
-
#35c9fa
#35c9fa
rgb(53,201,250)
-
#48cefb
#48cefb
rgb(72,206,251)
-
#5cd3fb
#5cd3fb
rgb(92,211,251)
-
#6fd8fc
#6fd8fc
rgb(111,216,252)
-
#82defc
#82defc
rgb(130,222,252)
-
#95e3fd
#95e3fd
rgb(149,227,253)
-
#a8e8fd
#a8e8fd
rgb(168,232,253)
-
#bbedfd
#bbedfd
rgb(187,237,253)
-
#cff2fe
#cff2fe
rgb(207,242,254)
-
#e2f7fe
#e2f7fe
rgb(226,247,254)
-
#f5fcff
#f5fcff
rgb(245,252,255)
Tones of #22c4fa
A tone is produced by adding gray to any pure hue. In this case, #8a9092 is the less saturated color, while #22c4fa is the most saturated one.
-
#8a9092
#8a9092
rgb(138,144,146)
-
#82949a
#82949a
rgb(130,148,154)
-
#7999a3
#7999a3
rgb(121,153,163)
-
#709dac
#709dac
rgb(112,157,172)
-
#68a1b4
#68a1b4
rgb(104,161,180)
-
#5fa6bd
#5fa6bd
rgb(95,166,189)
-
#56aac6
#56aac6
rgb(86,170,198)
-
#4daecf
#4daecf
rgb(77,174,207)
-
#45b3d7
#45b3d7
rgb(69,179,215)
-
#3cb7e0
#3cb7e0
rgb(60,183,224)
-
#33bbe9
#33bbe9
rgb(51,187,233)
-
#2bc0f1
#2bc0f1
rgb(43,192,241)
-
#22c4fa
#22c4fa
rgb(34,196,250)
Color Blindness Simulator
Below, you can see how #22c4fa 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.