#22e2f5 Color Information
In a RGB color space, hex #22e2f5 is composed of 13.3% red, 88.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 7.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 185.4 degrees, a saturation of 91.3% and a lightness of 54.7%. #22e2f5 color hex could be obtained by blending #44ffff with #00c5eb. Closest websafe color is: #33ccff.
-
- R 13
- G 89
- B 96
-
- C 86
- M 8
- Y 0
- K 4
● #22e2f5 color description : Vivid cyan.
#22e2f5 Color Conversion
The hexadecimal color #22e2f5 has RGB values of R:34, G:226, B:245 and CMYK values of C:0.86, M:0.08, Y:0, K:0.04. Its decimal value is 2286325.
Hex triplet | 22e2f5 | #22e2f5 |
---|---|---|
RGB Decimal | 34, 226, 245 | rgb(34,226,245) |
RGB Percent | 13.3, 88.6, 96.1 | rgb(13.3%,88.6%,96.1%) |
CMYK | 86, 8, 0, 4 | |
HSL | 185.4°, 91.3, 54.7 | hsl(185.4,91.3%,54.7%) |
HSV (or HSB) | 185.4°, 86.1, 96.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 82.551, -37.027, -21.784 |
---|---|
XYZ | 44.333, 61.321, 95.881 |
xyY | 0.22, 0.304, 61.321 |
CIE-LCH | 82.551, 42.96, 210.469 |
CIE-LUV | 82.551, -60.288, -29.465 |
Hunter-Lab | 78.308, -35.984, -17.78 |
Binary | 00100010, 11100010, 11110101 |
Color Schemes with #22e2f5
Alternatives to #22e2f5
Below, you can see some colors close to #22e2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22e2f5 Preview
This text has a font color of #22e2f5.
<span style="color:#22e2f5;">Text here</span>
This paragraph has a background color of #22e2f5.
<p style="background-color:#22e2f5;">Content here</p>
This element has a border color of #22e2f5.
<div style="border:1px solid #22e2f5;">Content here</div>
.text {color:#22e2f5;}
.background {background-color:#22e2f5;}
.border {border:1px solid #22e2f5;}
Shades and Tints of #22e2f5
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, #000404 is the darkest color, while #f0fdfe is the lightest one.
-
#000404
#000404
rgb(0,4,4)
-
#011517
#011517
rgb(1,21,23)
-
#02262a
#02262a
rgb(2,38,42)
-
#03373c
#03373c
rgb(3,55,60)
-
#04484f
#04484f
rgb(4,72,79)
-
#045a62
#045a62
rgb(4,90,98)
-
#056b75
#056b75
rgb(5,107,117)
-
#067c88
#067c88
rgb(6,124,136)
-
#078d9a
#078d9a
rgb(7,141,154)
-
#089ead
#089ead
rgb(8,158,173)
-
#09afc0
#09afc0
rgb(9,175,192)
-
#0ac1d3
#0ac1d3
rgb(10,193,211)
-
#0ad2e5
#0ad2e5
rgb(10,210,229)
-
#0fe0f4
#0fe0f4
rgb(15,224,244)
-
#22e2f5
#22e2f5
rgb(34,226,245)
-
#35e4f6
#35e4f6
rgb(53,228,246)
-
#48e7f7
#48e7f7
rgb(72,231,247)
-
#5ae9f8
#5ae9f8
rgb(90,233,248)
-
#6decf8
#6decf8
rgb(109,236,248)
-
#80eef9
#80eef9
rgb(128,238,249)
-
#93f1fa
#93f1fa
rgb(147,241,250)
-
#a5f3fb
#a5f3fb
rgb(165,243,251)
-
#b8f6fc
#b8f6fc
rgb(184,246,252)
-
#cbf8fd
#cbf8fd
rgb(203,248,253)
-
#defbfd
#defbfd
rgb(222,251,253)
-
#f0fdfe
#f0fdfe
rgb(240,253,254)
Tones of #22e2f5
A tone is produced by adding gray to any pure hue. In this case, #849293 is the less saturated color, while #19e9fe is the most saturated one.
-
#849293
#849293
rgb(132,146,147)
-
#7b999c
#7b999c
rgb(123,153,156)
-
#72a0a5
#72a0a5
rgb(114,160,165)
-
#69a8ae
#69a8ae
rgb(105,168,174)
-
#60afb7
#60afb7
rgb(96,175,183)
-
#57b6c0
#57b6c0
rgb(87,182,192)
-
#4ebec9
#4ebec9
rgb(78,190,201)
-
#46c5d1
#46c5d1
rgb(70,197,209)
-
#3dccda
#3dccda
rgb(61,204,218)
-
#34d3e3
#34d3e3
rgb(52,211,227)
-
#2bdbec
#2bdbec
rgb(43,219,236)
-
#22e2f5
#22e2f5
rgb(34,226,245)
-
#19e9fe
#19e9fe
rgb(25,233,254)
Color Blindness Simulator
Below, you can see how #22e2f5 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.