#22edc4 Color Information
In a RGB color space, hex #22edc4 is composed of 13.3% red, 92.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 0% magenta, 17.3% yellow and 7.1% black. It has a hue angle of 167.9 degrees, a saturation of 84.9% and a lightness of 53.1%. #22edc4 color hex could be obtained by blending #44ffff with #00db89. Closest websafe color is: #33ffcc.
-
- R 13
- G 93
- B 77
-
- C 86
- M 0
- Y 17
- K 7
● #22edc4 color description : Vivid cyan.
#22edc4 Color Conversion
The hexadecimal color #22edc4 has RGB values of R:34, G:237, B:196 and CMYK values of C:0.86, M:0, Y:0.17, K:0.07. Its decimal value is 2289092.
Hex triplet | 22edc4 | #22edc4 |
---|---|---|
RGB Decimal | 34, 237, 196 | rgb(34,237,196) |
RGB Percent | 13.3, 92.9, 76.9 | rgb(13.3%,92.9%,76.9%) |
CMYK | 86, 0, 17, 7 | |
HSL | 167.9°, 84.9, 53.1 | hsl(167.9,84.9%,53.1%) |
HSV (or HSB) | 167.9°, 85.7, 92.9 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 84.427, -55.379, 6.855 |
---|---|
XYZ | 40.904, 64.89, 62.591 |
xyY | 0.243, 0.385, 64.89 |
CIE-LCH | 84.427, 55.801, 172.944 |
CIE-LUV | 84.427, -67.744, 19.227 |
Hunter-Lab | 80.554, -50.331, 10.32 |
Binary | 00100010, 11101101, 11000100 |
Color Schemes with #22edc4
Alternatives to #22edc4
Below, you can see some colors close to #22edc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22edc4 Preview
This text has a font color of #22edc4.
<span style="color:#22edc4;">Text here</span>
This paragraph has a background color of #22edc4.
<p style="background-color:#22edc4;">Content here</p>
This element has a border color of #22edc4.
<div style="border:1px solid #22edc4;">Content here</div>
.text {color:#22edc4;}
.background {background-color:#22edc4;}
.border {border:1px solid #22edc4;}
Shades and Tints of #22edc4
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, #010f0c is the darkest color, while #fcfffe is the lightest one.
-
#010f0c
#010f0c
rgb(1,15,12)
-
#03211b
#03211b
rgb(3,33,27)
-
#04332a
#04332a
rgb(4,51,42)
-
#064538
#064538
rgb(6,69,56)
-
#075747
#075747
rgb(7,87,71)
-
#096956
#096956
rgb(9,105,86)
-
#0a7c65
#0a7c65
rgb(10,124,101)
-
#0c8e73
#0c8e73
rgb(12,142,115)
-
#0da082
#0da082
rgb(13,160,130)
-
#0fb291
#0fb291
rgb(15,178,145)
-
#10c4a0
#10c4a0
rgb(16,196,160)
-
#11d6af
#11d6af
rgb(17,214,175)
-
#13e8bd
#13e8bd
rgb(19,232,189)
-
#22edc4
#22edc4
rgb(34,237,196)
-
#34eec9
#34eec9
rgb(52,238,201)
-
#46f0ce
#46f0ce
rgb(70,240,206)
-
#58f1d3
#58f1d3
rgb(88,241,211)
-
#6bf3d7
#6bf3d7
rgb(107,243,215)
-
#7df4dc
#7df4dc
rgb(125,244,220)
-
#8ff6e1
#8ff6e1
rgb(143,246,225)
-
#a1f7e6
#a1f7e6
rgb(161,247,230)
-
#b3f9eb
#b3f9eb
rgb(179,249,235)
-
#c5faf0
#c5faf0
rgb(197,250,240)
-
#d7fcf4
#d7fcf4
rgb(215,252,244)
-
#eafdf9
#eafdf9
rgb(234,253,249)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #22edc4
A tone is produced by adding gray to any pure hue. In this case, #878888 is the less saturated color, while #19f6c9 is the most saturated one.
-
#878888
#878888
rgb(135,136,136)
-
#7e918d
#7e918d
rgb(126,145,141)
-
#759a93
#759a93
rgb(117,154,147)
-
#6ca398
#6ca398
rgb(108,163,152)
-
#62ad9e
#62ad9e
rgb(98,173,158)
-
#59b6a3
#59b6a3
rgb(89,182,163)
-
#50bfa9
#50bfa9
rgb(80,191,169)
-
#47c8ae
#47c8ae
rgb(71,200,174)
-
#3ed1b4
#3ed1b4
rgb(62,209,180)
-
#34dbb9
#34dbb9
rgb(52,219,185)
-
#2be4bf
#2be4bf
rgb(43,228,191)
-
#22edc4
#22edc4
rgb(34,237,196)
-
#19f6c9
#19f6c9
rgb(25,246,201)
Color Blindness Simulator
Below, you can see how #22edc4 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.