#22c8f6 Color Information
In a RGB color space, hex #22c8f6 is composed of 13.3% red, 78.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 18.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 193 degrees, a saturation of 92.2% and a lightness of 54.9%. #22c8f6 color hex could be obtained by blending #44ffff with #0091ed. Closest websafe color is: #33ccff.
-
- R 13
- G 78
- B 96
-
- C 86
- M 19
- Y 0
- K 4
● #22c8f6 color description : Vivid cyan.
#22c8f6 Color Conversion
The hexadecimal color #22c8f6 has RGB values of R:34, G:200, B:246 and CMYK values of C:0.86, M:0.19, Y:0, K:0.04. Its decimal value is 2279670.
Hex triplet | 22c8f6 | #22c8f6 |
---|---|---|
RGB Decimal | 34, 200, 246 | rgb(34,200,246) |
RGB Percent | 13.3, 78.4, 96.5 | rgb(13.3%,78.4%,96.5%) |
CMYK | 86, 19, 0, 4 | |
HSL | 193°, 92.2, 54.9 | hsl(193,92.2%,54.9%) |
HSV (or HSB) | 193°, 86.2, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.013, -24.136, -33.86 |
---|---|
XYZ | 37.944, 48.299, 94.506 |
xyY | 0.21, 0.267, 48.299 |
CIE-LCH | 75.013, 41.582, 234.518 |
CIE-LUV | 75.013, -51.421, -51.432 |
Hunter-Lab | 69.497, -24.163, -31.978 |
Binary | 00100010, 11001000, 11110110 |
Color Schemes with #22c8f6
Alternatives to #22c8f6
Below, you can see some colors close to #22c8f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c8f6 Preview
This text has a font color of #22c8f6.
<span style="color:#22c8f6;">Text here</span>
This paragraph has a background color of #22c8f6.
<p style="background-color:#22c8f6;">Content here</p>
This element has a border color of #22c8f6.
<div style="border:1px solid #22c8f6;">Content here</div>
.text {color:#22c8f6;}
.background {background-color:#22c8f6;}
.border {border:1px solid #22c8f6;}
Shades and Tints of #22c8f6
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, #000405 is the darkest color, while #f1fcfe is the lightest one.
-
#000405
#000405
rgb(0,4,5)
-
#011318
#011318
rgb(1,19,24)
-
#02222b
#02222b
rgb(2,34,43)
-
#03313e
#03313e
rgb(3,49,62)
-
#034051
#034051
rgb(3,64,81)
-
#044f63
#044f63
rgb(4,79,99)
-
#055e76
#055e76
rgb(5,94,118)
-
#066d89
#066d89
rgb(6,109,137)
-
#067b9c
#067b9c
rgb(6,123,156)
-
#078aaf
#078aaf
rgb(7,138,175)
-
#0899c2
#0899c2
rgb(8,153,194)
-
#09a8d5
#09a8d5
rgb(9,168,213)
-
#09b7e7
#09b7e7
rgb(9,183,231)
-
#0fc3f5
#0fc3f5
rgb(15,195,245)
-
#22c8f6
#22c8f6
rgb(34,200,246)
-
#35cdf7
#35cdf7
rgb(53,205,247)
-
#48d1f8
#48d1f8
rgb(72,209,248)
-
#5bd6f8
#5bd6f8
rgb(91,214,248)
-
#6ddbf9
#6ddbf9
rgb(109,219,249)
-
#80dffa
#80dffa
rgb(128,223,250)
-
#93e4fb
#93e4fb
rgb(147,228,251)
-
#a6e9fb
#a6e9fb
rgb(166,233,251)
-
#b9eefc
#b9eefc
rgb(185,238,252)
-
#ccf2fd
#ccf2fd
rgb(204,242,253)
-
#def7fe
#def7fe
rgb(222,247,254)
-
#f1fcfe
#f1fcfe
rgb(241,252,254)
Tones of #22c8f6
A tone is produced by adding gray to any pure hue. In this case, #839195 is the less saturated color, while #19cdff is the most saturated one.
-
#839195
#839195
rgb(131,145,149)
-
#7a969e
#7a969e
rgb(122,150,158)
-
#729ba6
#729ba6
rgb(114,155,166)
-
#69a0af
#69a0af
rgb(105,160,175)
-
#60a5b8
#60a5b8
rgb(96,165,184)
-
#57aac1
#57aac1
rgb(87,170,193)
-
#4eafca
#4eafca
rgb(78,175,202)
-
#45b4d3
#45b4d3
rgb(69,180,211)
-
#3db9db
#3db9db
rgb(61,185,219)
-
#34bee4
#34bee4
rgb(52,190,228)
-
#2bc3ed
#2bc3ed
rgb(43,195,237)
-
#22c8f6
#22c8f6
rgb(34,200,246)
-
#19cdff
#19cdff
rgb(25,205,255)
Color Blindness Simulator
Below, you can see how #22c8f6 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.