#22c1f6 Color Information
In a RGB color space, hex #22c1f6 is composed of 13.3% red, 75.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 21.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 195 degrees, a saturation of 92.2% and a lightness of 54.9%. #22c1f6 color hex could be obtained by blending #44ffff with #0083ed. Closest websafe color is: #33ccff.
-
- R 13
- G 76
- B 96
-
- C 86
- M 22
- Y 0
- K 4
● #22c1f6 color description : Vivid blue.
#22c1f6 Color Conversion
The hexadecimal color #22c1f6 has RGB values of R:34, G:193, B:246 and CMYK values of C:0.86, M:0.22, Y:0, K:0.04. Its decimal value is 2277878.
Hex triplet | 22c1f6 | #22c1f6 |
---|---|---|
RGB Decimal | 34, 193, 246 | rgb(34,193,246) |
RGB Percent | 13.3, 75.7, 96.5 | rgb(13.3%,75.7%,96.5%) |
CMYK | 86, 22, 0, 4 | |
HSL | 195°, 92.2, 54.9 | hsl(195,92.2%,54.9%) |
HSV (or HSB) | 195°, 86.2, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 72.978, -20.56, -37.013 |
---|---|
XYZ | 36.36, 45.13, 93.978 |
xyY | 0.207, 0.257, 45.13 |
CIE-LCH | 72.978, 42.34, 240.949 |
CIE-LUV | 72.978, -49.054, -57.136 |
Hunter-Lab | 67.179, -20.953, -35.917 |
Binary | 00100010, 11000001, 11110110 |
Color Schemes with #22c1f6
Alternatives to #22c1f6
Below, you can see some colors close to #22c1f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c1f6 Preview
This text has a font color of #22c1f6.
<span style="color:#22c1f6;">Text here</span>
This paragraph has a background color of #22c1f6.
<p style="background-color:#22c1f6;">Content here</p>
This element has a border color of #22c1f6.
<div style="border:1px solid #22c1f6;">Content here</div>
.text {color:#22c1f6;}
.background {background-color:#22c1f6;}
.border {border:1px solid #22c1f6;}
Shades and Tints of #22c1f6
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 #f1fbfe is the lightest one.
-
#000405
#000405
rgb(0,4,5)
-
#011218
#011218
rgb(1,18,24)
-
#02212b
#02212b
rgb(2,33,43)
-
#032f3e
#032f3e
rgb(3,47,62)
-
#033d51
#033d51
rgb(3,61,81)
-
#044c63
#044c63
rgb(4,76,99)
-
#055a76
#055a76
rgb(5,90,118)
-
#066889
#066889
rgb(6,104,137)
-
#06779c
#06779c
rgb(6,119,156)
-
#0785af
#0785af
rgb(7,133,175)
-
#0893c2
#0893c2
rgb(8,147,194)
-
#09a2d5
#09a2d5
rgb(9,162,213)
-
#09b0e7
#09b0e7
rgb(9,176,231)
-
#0fbcf5
#0fbcf5
rgb(15,188,245)
-
#22c1f6
#22c1f6
rgb(34,193,246)
-
#35c6f7
#35c6f7
rgb(53,198,247)
-
#48ccf8
#48ccf8
rgb(72,204,248)
-
#5bd1f8
#5bd1f8
rgb(91,209,248)
-
#6dd6f9
#6dd6f9
rgb(109,214,249)
-
#80dbfa
#80dbfa
rgb(128,219,250)
-
#93e1fb
#93e1fb
rgb(147,225,251)
-
#a6e6fb
#a6e6fb
rgb(166,230,251)
-
#b9ebfc
#b9ebfc
rgb(185,235,252)
-
#ccf1fd
#ccf1fd
rgb(204,241,253)
-
#def6fe
#def6fe
rgb(222,246,254)
-
#f1fbfe
#f1fbfe
rgb(241,251,254)
Tones of #22c1f6
A tone is produced by adding gray to any pure hue. In this case, #839095 is the less saturated color, while #19c5ff is the most saturated one.
-
#839095
#839095
rgb(131,144,149)
-
#7a959e
#7a959e
rgb(122,149,158)
-
#7299a6
#7299a6
rgb(114,153,166)
-
#699eaf
#699eaf
rgb(105,158,175)
-
#60a2b8
#60a2b8
rgb(96,162,184)
-
#57a6c1
#57a6c1
rgb(87,166,193)
-
#4eabca
#4eabca
rgb(78,171,202)
-
#45afd3
#45afd3
rgb(69,175,211)
-
#3db4db
#3db4db
rgb(61,180,219)
-
#34b8e4
#34b8e4
rgb(52,184,228)
-
#2bbded
#2bbded
rgb(43,189,237)
-
#22c1f6
#22c1f6
rgb(34,193,246)
-
#19c5ff
#19c5ff
rgb(25,197,255)
Color Blindness Simulator
Below, you can see how #22c1f6 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.