#22faf4 Color Information
In a RGB color space, hex #22faf4 is composed of 13.3% red, 98% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 2.4% yellow and 2% black. It has a hue angle of 178.3 degrees, a saturation of 95.6% and a lightness of 55.7%. #22faf4 color hex could be obtained by blending #44ffff with #00f5e9. Closest websafe color is: #33ffff.
-
- R 13
- G 98
- B 96
-
- C 86
- M 0
- Y 2
- K 2
● #22faf4 color description : Vivid cyan.
#22faf4 Color Conversion
The hexadecimal color #22faf4 has RGB values of R:34, G:250, B:244 and CMYK values of C:0.86, M:0, Y:0.02, K:0.02. Its decimal value is 2292468.
Hex triplet | 22faf4 | #22faf4 |
---|---|---|
RGB Decimal | 34, 250, 244 | rgb(34,250,244) |
RGB Percent | 13.3, 98, 95.7 | rgb(13.3%,98%,95.7%) |
CMYK | 86, 0, 2, 2 | |
HSL | 178.3°, 95.6, 55.7 | hsl(178.3,95.6%,55.7%) |
HSV (or HSB) | 178.3°, 86.4, 98 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 89.504, -48.01, -10.808 |
---|---|
XYZ | 51.169, 75.238, 97.408 |
xyY | 0.229, 0.336, 75.238 |
CIE-LCH | 89.504, 49.212, 192.687 |
CIE-LUV | 89.504, -68.405, -9.67 |
Hunter-Lab | 86.74, -46.494, -5.865 |
Binary | 00100010, 11111010, 11110100 |
Color Schemes with #22faf4
Alternatives to #22faf4
Below, you can see some colors close to #22faf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22faf4 Preview
This text has a font color of #22faf4.
<span style="color:#22faf4;">Text here</span>
This paragraph has a background color of #22faf4.
<p style="background-color:#22faf4;">Content here</p>
This element has a border color of #22faf4.
<div style="border:1px solid #22faf4;">Content here</div>
.text {color:#22faf4;}
.background {background-color:#22faf4;}
.border {border:1px solid #22faf4;}
Shades and Tints of #22faf4
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 #f5ffff is the lightest one.
-
#000909
#000909
rgb(0,9,9)
-
#011c1c
#011c1c
rgb(1,28,28)
-
#01302e
#01302e
rgb(1,48,46)
-
#024341
#024341
rgb(2,67,65)
-
#025654
#025654
rgb(2,86,84)
-
#026966
#026966
rgb(2,105,102)
-
#037c79
#037c79
rgb(3,124,121)
-
#038f8c
#038f8c
rgb(3,143,140)
-
#04a39e
#04a39e
rgb(4,163,158)
-
#04b6b1
#04b6b1
rgb(4,182,177)
-
#05c9c4
#05c9c4
rgb(5,201,196)
-
#05dcd6
#05dcd6
rgb(5,220,214)
-
#05efe9
#05efe9
rgb(5,239,233)
-
#0ffaf3
#0ffaf3
rgb(15,250,243)
-
#22faf4
#22faf4
rgb(34,250,244)
-
#35faf5
#35faf5
rgb(53,250,245)
-
#48fbf6
#48fbf6
rgb(72,251,246)
-
#5cfbf7
#5cfbf7
rgb(92,251,247)
-
#6ffcf8
#6ffcf8
rgb(111,252,248)
-
#82fcf9
#82fcf9
rgb(130,252,249)
-
#95fdfa
#95fdfa
rgb(149,253,250)
-
#a8fdfb
#a8fdfb
rgb(168,253,251)
-
#bbfdfc
#bbfdfc
rgb(187,253,252)
-
#cffefd
#cffefd
rgb(207,254,253)
-
#e2fefe
#e2fefe
rgb(226,254,254)
-
#f5ffff
#f5ffff
rgb(245,255,255)
Tones of #22faf4
A tone is produced by adding gray to any pure hue. In this case, #8a9291 is the less saturated color, while #22faf4 is the most saturated one.
-
#8a9291
#8a9291
rgb(138,146,145)
-
#829a9a
#829a9a
rgb(130,154,154)
-
#79a3a2
#79a3a2
rgb(121,163,162)
-
#70acaa
#70acaa
rgb(112,172,170)
-
#68b4b2
#68b4b2
rgb(104,180,178)
-
#5fbdbb
#5fbdbb
rgb(95,189,187)
-
#56c6c3
#56c6c3
rgb(86,198,195)
-
#4dcfcb
#4dcfcb
rgb(77,207,203)
-
#45d7d3
#45d7d3
rgb(69,215,211)
-
#3ce0db
#3ce0db
rgb(60,224,219)
-
#33e9e4
#33e9e4
rgb(51,233,228)
-
#2bf1ec
#2bf1ec
rgb(43,241,236)
-
#22faf4
#22faf4
rgb(34,250,244)
Color Blindness Simulator
Below, you can see how #22faf4 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.