#22f8cc Color Information
In a RGB color space, hex #22f8cc is composed of 13.3% red, 97.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 0% magenta, 17.7% yellow and 2.7% black. It has a hue angle of 167.7 degrees, a saturation of 93.9% and a lightness of 55.3%. #22f8cc color hex could be obtained by blending #44ffff with #00f199. Closest websafe color is: #33ffcc.
-
- R 13
- G 97
- B 80
-
- C 86
- M 0
- Y 18
- K 3
● #22f8cc color description : Vivid cyan.
#22f8cc Color Conversion
The hexadecimal color #22f8cc has RGB values of R:34, G:248, B:204 and CMYK values of C:0.86, M:0, Y:0.18, K:0.03. Its decimal value is 2291916.
Hex triplet | 22f8cc | #22f8cc |
---|---|---|
RGB Decimal | 34, 248, 204 | rgb(34,248,204) |
RGB Percent | 13.3, 97.3, 80 | rgb(13.3%,97.3%,80%) |
CMYK | 86, 0, 18, 3 | |
HSL | 167.7°, 93.9, 55.3 | hsl(167.7,93.9%,55.3%) |
HSV (or HSB) | 167.7°, 86.3, 97.3 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 87.887, -57.737, 7.651 |
---|---|
XYZ | 45.122, 71.83, 68.61 |
xyY | 0.243, 0.387, 71.83 |
CIE-LCH | 87.887, 58.242, 172.451 |
CIE-LUV | 87.887, -70.803, 20.927 |
Hunter-Lab | 84.752, -53.284, 11.33 |
Binary | 00100010, 11111000, 11001100 |
Color Schemes with #22f8cc
Alternatives to #22f8cc
Below, you can see some colors close to #22f8cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22f8cc Preview
This text has a font color of #22f8cc.
<span style="color:#22f8cc;">Text here</span>
This paragraph has a background color of #22f8cc.
<p style="background-color:#22f8cc;">Content here</p>
This element has a border color of #22f8cc.
<div style="border:1px solid #22f8cc;">Content here</div>
.text {color:#22f8cc;}
.background {background-color:#22f8cc;}
.border {border:1px solid #22f8cc;}
Shades and Tints of #22f8cc
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, #000706 is the darkest color, while #f3fffc is the lightest one.
-
#000706
#000706
rgb(0,7,6)
-
#011a15
#011a15
rgb(1,26,21)
-
#012d24
#012d24
rgb(1,45,36)
-
#024033
#024033
rgb(2,64,51)
-
#035343
#035343
rgb(3,83,67)
-
#036652
#036652
rgb(3,102,82)
-
#047961
#047961
rgb(4,121,97)
-
#048c70
#048c70
rgb(4,140,112)
-
#059f80
#059f80
rgb(5,159,128)
-
#06b28f
#06b28f
rgb(6,178,143)
-
#06c59e
#06c59e
rgb(6,197,158)
-
#07d8ad
#07d8ad
rgb(7,216,173)
-
#07ebbc
#07ebbc
rgb(7,235,188)
-
#0ff7c8
#0ff7c8
rgb(15,247,200)
-
#22f8cc
#22f8cc
rgb(34,248,204)
-
#35f9d0
#35f9d0
rgb(53,249,208)
-
#48f9d5
#48f9d5
rgb(72,249,213)
-
#5bfad9
#5bfad9
rgb(91,250,217)
-
#6efade
#6efade
rgb(110,250,222)
-
#81fbe2
#81fbe2
rgb(129,251,226)
-
#94fce6
#94fce6
rgb(148,252,230)
-
#a7fceb
#a7fceb
rgb(167,252,235)
-
#bafdef
#bafdef
rgb(186,253,239)
-
#cdfdf3
#cdfdf3
rgb(205,253,243)
-
#e0fef8
#e0fef8
rgb(224,254,248)
-
#f3fffc
#f3fffc
rgb(243,255,252)
Tones of #22f8cc
A tone is produced by adding gray to any pure hue. In this case, #8b8f8e is the less saturated color, while #22f8cc is the most saturated one.
-
#8b8f8e
#8b8f8e
rgb(139,143,142)
-
#829893
#829893
rgb(130,152,147)
-
#7aa098
#7aa098
rgb(122,160,152)
-
#71a99e
#71a99e
rgb(113,169,158)
-
#68b2a3
#68b2a3
rgb(104,178,163)
-
#5fbba8
#5fbba8
rgb(95,187,168)
-
#57c3ad
#57c3ad
rgb(87,195,173)
-
#4eccb2
#4eccb2
rgb(78,204,178)
-
#45d5b7
#45d5b7
rgb(69,213,183)
-
#3cdebd
#3cdebd
rgb(60,222,189)
-
#34e6c2
#34e6c2
rgb(52,230,194)
-
#2befc7
#2befc7
rgb(43,239,199)
-
#22f8cc
#22f8cc
rgb(34,248,204)
Color Blindness Simulator
Below, you can see how #22f8cc 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.