#22f6dc Color Information
In a RGB color space, hex #22f6dc is composed of 13.3% red, 96.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 0% magenta, 10.6% yellow and 3.5% black. It has a hue angle of 172.6 degrees, a saturation of 92.2% and a lightness of 54.9%. #22f6dc color hex could be obtained by blending #44ffff with #00edb9. Closest websafe color is: #33ffcc.
-
- R 13
- G 96
- B 86
-
- C 86
- M 0
- Y 11
- K 4
● #22f6dc color description : Vivid cyan.
#22f6dc Color Conversion
The hexadecimal color #22f6dc has RGB values of R:34, G:246, B:220 and CMYK values of C:0.86, M:0, Y:0.11, K:0.04. Its decimal value is 2291420.
Hex triplet | 22f6dc | #22f6dc |
---|---|---|
RGB Decimal | 34, 246, 220 | rgb(34,246,220) |
RGB Percent | 13.3, 96.5, 86.3 | rgb(13.3%,96.5%,86.3%) |
CMYK | 86, 0, 11, 4 | |
HSL | 172.6°, 92.2, 54.9 | hsl(172.6,92.2%,54.9%) |
HSV (or HSB) | 172.6°, 86.2, 96.5 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 87.686, -52.858, -0.976 |
---|---|
XYZ | 46.529, 71.414, 79.038 |
xyY | 0.236, 0.363, 71.414 |
CIE-LCH | 87.686, 52.867, 181.058 |
CIE-LUV | 87.686, -68.93, 6.898 |
Hunter-Lab | 84.507, -49.605, 3.702 |
Binary | 00100010, 11110110, 11011100 |
Color Schemes with #22f6dc
Alternatives to #22f6dc
Below, you can see some colors close to #22f6dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22f6dc Preview
This text has a font color of #22f6dc.
<span style="color:#22f6dc;">Text here</span>
This paragraph has a background color of #22f6dc.
<p style="background-color:#22f6dc;">Content here</p>
This element has a border color of #22f6dc.
<div style="border:1px solid #22f6dc;">Content here</div>
.text {color:#22f6dc;}
.background {background-color:#22f6dc;}
.border {border:1px solid #22f6dc;}
Shades and Tints of #22f6dc
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, #000505 is the darkest color, while #f1fefd is the lightest one.
-
#000505
#000505
rgb(0,5,5)
-
#011815
#011815
rgb(1,24,21)
-
#022b26
#022b26
rgb(2,43,38)
-
#033e36
#033e36
rgb(3,62,54)
-
#035147
#035147
rgb(3,81,71)
-
#046358
#046358
rgb(4,99,88)
-
#057668
#057668
rgb(5,118,104)
-
#068979
#068979
rgb(6,137,121)
-
#069c8a
#069c8a
rgb(6,156,138)
-
#07af9a
#07af9a
rgb(7,175,154)
-
#08c2ab
#08c2ab
rgb(8,194,171)
-
#09d5bc
#09d5bc
rgb(9,213,188)
-
#09e7cc
#09e7cc
rgb(9,231,204)
-
#0ff5d9
#0ff5d9
rgb(15,245,217)
-
#22f6dc
#22f6dc
rgb(34,246,220)
-
#35f7df
#35f7df
rgb(53,247,223)
-
#48f8e2
#48f8e2
rgb(72,248,226)
-
#5bf8e5
#5bf8e5
rgb(91,248,229)
-
#6df9e8
#6df9e8
rgb(109,249,232)
-
#80faeb
#80faeb
rgb(128,250,235)
-
#93fbee
#93fbee
rgb(147,251,238)
-
#a6fbf1
#a6fbf1
rgb(166,251,241)
-
#b9fcf4
#b9fcf4
rgb(185,252,244)
-
#ccfdf7
#ccfdf7
rgb(204,253,247)
-
#defefa
#defefa
rgb(222,254,250)
-
#f1fefd
#f1fefd
rgb(241,254,253)
Tones of #22f6dc
A tone is produced by adding gray to any pure hue. In this case, #839593 is the less saturated color, while #19ffe3 is the most saturated one.
-
#839593
#839593
rgb(131,149,147)
-
#7a9e99
#7a9e99
rgb(122,158,153)
-
#72a6a0
#72a6a0
rgb(114,166,160)
-
#69afa7
#69afa7
rgb(105,175,167)
-
#60b8ad
#60b8ad
rgb(96,184,173)
-
#57c1b4
#57c1b4
rgb(87,193,180)
-
#4ecabb
#4ecabb
rgb(78,202,187)
-
#45d3c1
#45d3c1
rgb(69,211,193)
-
#3ddbc8
#3ddbc8
rgb(61,219,200)
-
#34e4cf
#34e4cf
rgb(52,228,207)
-
#2bedd5
#2bedd5
rgb(43,237,213)
-
#22f6dc
#22f6dc
rgb(34,246,220)
-
#19ffe3
#19ffe3
rgb(25,255,227)
Color Blindness Simulator
Below, you can see how #22f6dc 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.