#22e6cc Color Information
In a RGB color space, hex #22e6cc is composed of 13.3% red, 90.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 0% magenta, 11.3% yellow and 9.8% black. It has a hue angle of 172 degrees, a saturation of 79.7% and a lightness of 51.8%. #22e6cc color hex could be obtained by blending #44ffff with #00cd99. Closest websafe color is: #33ffcc.
-
- R 13
- G 90
- B 80
-
- C 85
- M 0
- Y 11
- K 10
● #22e6cc color description : Vivid cyan.
#22e6cc Color Conversion
The hexadecimal color #22e6cc has RGB values of R:34, G:230, B:204 and CMYK values of C:0.85, M:0, Y:0.11, K:0.1. Its decimal value is 2287308.
Hex triplet | 22e6cc | #22e6cc |
---|---|---|
RGB Decimal | 34, 230, 204 | rgb(34,230,204) |
RGB Percent | 13.3, 90.2, 80 | rgb(13.3%,90.2%,80%) |
CMYK | 85, 0, 11, 10 | |
HSL | 172°, 79.7, 51.8 | hsl(172,79.7%,51.8%) |
HSV (or HSB) | 172°, 85.2, 90.2 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 82.534, -50.484, -0.101 |
---|---|
XYZ | 39.852, 61.289, 66.853 |
xyY | 0.237, 0.365, 61.289 |
CIE-LCH | 82.534, 50.485, 180.115 |
CIE-LUV | 82.534, -64.795, 7.818 |
Hunter-Lab | 78.287, -46.139, 4.171 |
Binary | 00100010, 11100110, 11001100 |
Color Schemes with #22e6cc
Alternatives to #22e6cc
Below, you can see some colors close to #22e6cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22e6cc Preview
This text has a font color of #22e6cc.
<span style="color:#22e6cc;">Text here</span>
This paragraph has a background color of #22e6cc.
<p style="background-color:#22e6cc;">Content here</p>
This element has a border color of #22e6cc.
<div style="border:1px solid #22e6cc;">Content here</div>
.text {color:#22e6cc;}
.background {background-color:#22e6cc;}
.border {border:1px solid #22e6cc;}
Shades and Tints of #22e6cc
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, #010807 is the darkest color, while #f5fefd is the lightest one.
-
#010807
#010807
rgb(1,8,7)
-
#031a17
#031a17
rgb(3,26,23)
-
#052b26
#052b26
rgb(5,43,38)
-
#073d36
#073d36
rgb(7,61,54)
-
#094f45
#094f45
rgb(9,79,69)
-
#0b6055
#0b6055
rgb(11,96,85)
-
#0d7264
#0d7264
rgb(13,114,100)
-
#0f8374
#0f8374
rgb(15,131,116)
-
#119584
#119584
rgb(17,149,132)
-
#13a793
#13a793
rgb(19,167,147)
-
#15b8a3
#15b8a3
rgb(21,184,163)
-
#17cab2
#17cab2
rgb(23,202,178)
-
#19dcc2
#19dcc2
rgb(25,220,194)
-
#22e6cc
#22e6cc
rgb(34,230,204)
-
#34e8d0
#34e8d0
rgb(52,232,208)
-
#45ead4
#45ead4
rgb(69,234,212)
-
#57ecd8
#57ecd8
rgb(87,236,216)
-
#68eedc
#68eedc
rgb(104,238,220)
-
#7af0e0
#7af0e0
rgb(122,240,224)
-
#8cf2e4
#8cf2e4
rgb(140,242,228)
-
#9df4e8
#9df4e8
rgb(157,244,232)
-
#aff6ed
#aff6ed
rgb(175,246,237)
-
#c1f8f1
#c1f8f1
rgb(193,248,241)
-
#d2faf5
#d2faf5
rgb(210,250,245)
-
#e4fcf9
#e4fcf9
rgb(228,252,249)
-
#f5fefd
#f5fefd
rgb(245,254,253)
Tones of #22e6cc
A tone is produced by adding gray to any pure hue. In this case, #818786 is the less saturated color, while #0ff9da is the most saturated one.
-
#818786
#818786
rgb(129,135,134)
-
#77918d
#77918d
rgb(119,145,141)
-
#6e9a94
#6e9a94
rgb(110,154,148)
-
#64a49b
#64a49b
rgb(100,164,155)
-
#5bada2
#5bada2
rgb(91,173,162)
-
#51b7a9
#51b7a9
rgb(81,183,169)
-
#48c0b0
#48c0b0
rgb(72,192,176)
-
#3ecab7
#3ecab7
rgb(62,202,183)
-
#35d3be
#35d3be
rgb(53,211,190)
-
#2bddc5
#2bddc5
rgb(43,221,197)
-
#22e6cc
#22e6cc
rgb(34,230,204)
-
#19efd3
#19efd3
rgb(25,239,211)
-
#0ff9da
#0ff9da
rgb(15,249,218)
Color Blindness Simulator
Below, you can see how #22e6cc 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.