#22f5e2 Color Information
In a RGB color space, hex #22f5e2 is composed of 13.3% red, 96.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 0% magenta, 7.8% yellow and 3.9% black. It has a hue angle of 174.6 degrees, a saturation of 91.3% and a lightness of 54.7%. #22f5e2 color hex could be obtained by blending #44ffff with #00ebc5. Closest websafe color is: #33ffcc.
-
- R 13
- G 96
- B 89
-
- C 86
- M 0
- Y 8
- K 4
● #22f5e2 color description : Vivid cyan.
#22f5e2 Color Conversion
The hexadecimal color #22f5e2 has RGB values of R:34, G:245, B:226 and CMYK values of C:0.86, M:0, Y:0.08, K:0.04. Its decimal value is 2291170.
Hex triplet | 22f5e2 | #22f5e2 |
---|---|---|
RGB Decimal | 34, 245, 226 | rgb(34,245,226) |
RGB Percent | 13.3, 96.1, 88.6 | rgb(13.3%,96.1%,88.6%) |
CMYK | 86, 0, 8, 4 | |
HSL | 174.6°, 91.3, 54.7 | hsl(174.6,91.3%,54.7%) |
HSV (or HSB) | 174.6°, 86.1, 96.1 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 87.549, -50.845, -4.312 |
---|---|
XYZ | 47.035, 71.131, 83.198 |
xyY | 0.234, 0.353, 71.131 |
CIE-LCH | 87.549, 51.027, 184.847 |
CIE-LUV | 87.549, -68.136, 1.301 |
Hunter-Lab | 84.339, -48.046, 0.55 |
Binary | 00100010, 11110101, 11100010 |
Color Schemes with #22f5e2
Alternatives to #22f5e2
Below, you can see some colors close to #22f5e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22f5e2 Preview
This text has a font color of #22f5e2.
<span style="color:#22f5e2;">Text here</span>
This paragraph has a background color of #22f5e2.
<p style="background-color:#22f5e2;">Content here</p>
This element has a border color of #22f5e2.
<div style="border:1px solid #22f5e2;">Content here</div>
.text {color:#22f5e2;}
.background {background-color:#22f5e2;}
.border {border:1px solid #22f5e2;}
Shades and Tints of #22f5e2
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 #f0fefd is the lightest one.
-
#000404
#000404
rgb(0,4,4)
-
#011715
#011715
rgb(1,23,21)
-
#022a26
#022a26
rgb(2,42,38)
-
#033c37
#033c37
rgb(3,60,55)
-
#044f48
#044f48
rgb(4,79,72)
-
#04625a
#04625a
rgb(4,98,90)
-
#05756b
#05756b
rgb(5,117,107)
-
#06887c
#06887c
rgb(6,136,124)
-
#079a8d
#079a8d
rgb(7,154,141)
-
#08ad9e
#08ad9e
rgb(8,173,158)
-
#09c0af
#09c0af
rgb(9,192,175)
-
#0ad3c1
#0ad3c1
rgb(10,211,193)
-
#0ae5d2
#0ae5d2
rgb(10,229,210)
-
#0ff4e0
#0ff4e0
rgb(15,244,224)
-
#22f5e2
#22f5e2
rgb(34,245,226)
-
#35f6e4
#35f6e4
rgb(53,246,228)
-
#48f7e7
#48f7e7
rgb(72,247,231)
-
#5af8e9
#5af8e9
rgb(90,248,233)
-
#6df8ec
#6df8ec
rgb(109,248,236)
-
#80f9ee
#80f9ee
rgb(128,249,238)
-
#93faf1
#93faf1
rgb(147,250,241)
-
#a5fbf3
#a5fbf3
rgb(165,251,243)
-
#b8fcf6
#b8fcf6
rgb(184,252,246)
-
#cbfdf8
#cbfdf8
rgb(203,253,248)
-
#defdfb
#defdfb
rgb(222,253,251)
-
#f0fefd
#f0fefd
rgb(240,254,253)
Tones of #22f5e2
A tone is produced by adding gray to any pure hue. In this case, #849392 is the less saturated color, while #19fee9 is the most saturated one.
-
#849392
#849392
rgb(132,147,146)
-
#7b9c99
#7b9c99
rgb(123,156,153)
-
#72a5a0
#72a5a0
rgb(114,165,160)
-
#69aea8
#69aea8
rgb(105,174,168)
-
#60b7af
#60b7af
rgb(96,183,175)
-
#57c0b6
#57c0b6
rgb(87,192,182)
-
#4ec9be
#4ec9be
rgb(78,201,190)
-
#46d1c5
#46d1c5
rgb(70,209,197)
-
#3ddacc
#3ddacc
rgb(61,218,204)
-
#34e3d3
#34e3d3
rgb(52,227,211)
-
#2becdb
#2becdb
rgb(43,236,219)
-
#22f5e2
#22f5e2
rgb(34,245,226)
-
#19fee9
#19fee9
rgb(25,254,233)
Color Blindness Simulator
Below, you can see how #22f5e2 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.