#22faf2 Color Information
In a RGB color space, hex #22faf2 is composed of 13.3% red, 98% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 3.2% yellow and 2% black. It has a hue angle of 177.8 degrees, a saturation of 95.6% and a lightness of 55.7%. #22faf2 color hex could be obtained by blending #44ffff with #00f5e5. Closest websafe color is: #33ffff.
-
- R 13
- G 98
- B 95
-
- C 86
- M 0
- Y 3
- K 2
● #22faf2 color description : Vivid cyan.
#22faf2 Color Conversion
The hexadecimal color #22faf2 has RGB values of R:34, G:250, B:242 and CMYK values of C:0.86, M:0, Y:0.03, K:0.02. Its decimal value is 2292466.
Hex triplet | 22faf2 | #22faf2 |
---|---|---|
RGB Decimal | 34, 250, 242 | rgb(34,250,242) |
RGB Percent | 13.3, 98, 94.9 | rgb(13.3%,98%,94.9%) |
CMYK | 86, 0, 3, 2 | |
HSL | 177.8°, 95.6, 55.7 | hsl(177.8,95.6%,55.7%) |
HSV (or HSB) | 177.8°, 86.4, 98 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 89.448, -48.569, -9.851 |
---|---|
XYZ | 50.867, 75.117, 95.818 |
xyY | 0.229, 0.339, 75.117 |
CIE-LCH | 89.448, 49.558, 191.465 |
CIE-LUV | 89.448, -68.56, -8.012 |
Hunter-Lab | 86.67, -46.91, -4.879 |
Binary | 00100010, 11111010, 11110010 |
Color Schemes with #22faf2
Alternatives to #22faf2
Below, you can see some colors close to #22faf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22faf2 Preview
This text has a font color of #22faf2.
<span style="color:#22faf2;">Text here</span>
This paragraph has a background color of #22faf2.
<p style="background-color:#22faf2;">Content here</p>
This element has a border color of #22faf2.
<div style="border:1px solid #22faf2;">Content here</div>
.text {color:#22faf2;}
.background {background-color:#22faf2;}
.border {border:1px solid #22faf2;}
Shades and Tints of #22faf2
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, #000909 is the darkest color, while #f5fffe is the lightest one.
-
#000909
#000909
rgb(0,9,9)
-
#011c1b
#011c1b
rgb(1,28,27)
-
#01302e
#01302e
rgb(1,48,46)
-
#024340
#024340
rgb(2,67,64)
-
#025653
#025653
rgb(2,86,83)
-
#026965
#026965
rgb(2,105,101)
-
#037c78
#037c78
rgb(3,124,120)
-
#038f8a
#038f8a
rgb(3,143,138)
-
#04a39d
#04a39d
rgb(4,163,157)
-
#04b6af
#04b6af
rgb(4,182,175)
-
#05c9c2
#05c9c2
rgb(5,201,194)
-
#05dcd4
#05dcd4
rgb(5,220,212)
-
#05efe7
#05efe7
rgb(5,239,231)
-
#0ffaf1
#0ffaf1
rgb(15,250,241)
-
#22faf2
#22faf2
rgb(34,250,242)
-
#35faf3
#35faf3
rgb(53,250,243)
-
#48fbf4
#48fbf4
rgb(72,251,244)
-
#5cfbf5
#5cfbf5
rgb(92,251,245)
-
#6ffcf7
#6ffcf7
rgb(111,252,247)
-
#82fcf8
#82fcf8
rgb(130,252,248)
-
#95fdf9
#95fdf9
rgb(149,253,249)
-
#a8fdfa
#a8fdfa
rgb(168,253,250)
-
#bbfdfb
#bbfdfb
rgb(187,253,251)
-
#cffefc
#cffefc
rgb(207,254,252)
-
#e2fefd
#e2fefd
rgb(226,254,253)
-
#f5fffe
#f5fffe
rgb(245,255,254)
Tones of #22faf2
A tone is produced by adding gray to any pure hue. In this case, #8a9291 is the less saturated color, while #22faf2 is the most saturated one.
-
#8a9291
#8a9291
rgb(138,146,145)
-
#829a99
#829a99
rgb(130,154,153)
-
#79a3a2
#79a3a2
rgb(121,163,162)
-
#70acaa
#70acaa
rgb(112,172,170)
-
#68b4b2
#68b4b2
rgb(104,180,178)
-
#5fbdba
#5fbdba
rgb(95,189,186)
-
#56c6c2
#56c6c2
rgb(86,198,194)
-
#4dcfca
#4dcfca
rgb(77,207,202)
-
#45d7d2
#45d7d2
rgb(69,215,210)
-
#3ce0da
#3ce0da
rgb(60,224,218)
-
#33e9e2
#33e9e2
rgb(51,233,226)
-
#2bf1ea
#2bf1ea
rgb(43,241,234)
-
#22faf2
#22faf2
rgb(34,250,242)
Color Blindness Simulator
Below, you can see how #22faf2 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.