#22d2cc Color Information
In a RGB color space, hex #22d2cc is composed of 13.3% red, 82.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 2.9% yellow and 17.6% black. It has a hue angle of 178 degrees, a saturation of 72.1% and a lightness of 47.8%. #22d2cc color hex could be obtained by blending #44ffff with #00a599. Closest websafe color is: #33cccc.
-
- R 13
- G 82
- B 80
-
- C 84
- M 0
- Y 3
- K 18
● #22d2cc color description : Strong cyan.
#22d2cc Color Conversion
The hexadecimal color #22d2cc has RGB values of R:34, G:210, B:204 and CMYK values of C:0.84, M:0, Y:0.03, K:0.18. Its decimal value is 2282188.
Hex triplet | 22d2cc | #22d2cc |
---|---|---|
RGB Decimal | 34, 210, 204 | rgb(34,210,204) |
RGB Percent | 13.3, 82.4, 80 | rgb(13.3%,82.4%,80%) |
CMYK | 84, 0, 3, 18 | |
HSL | 178°, 72.1, 47.8 | hsl(178,72.1%,47.8%) |
HSV (or HSB) | 178°, 83.8, 82.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.551, -41.91, -8.92 |
---|---|
XYZ | 34.602, 50.789, 65.103 |
xyY | 0.23, 0.337, 50.789 |
CIE-LCH | 76.551, 42.848, 192.015 |
CIE-LUV | 76.551, -58, -7.394 |
Hunter-Lab | 71.267, -38.05, -4.276 |
Binary | 00100010, 11010010, 11001100 |
Color Schemes with #22d2cc
Alternatives to #22d2cc
Below, you can see some colors close to #22d2cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d2cc Preview
This text has a font color of #22d2cc.
<span style="color:#22d2cc;">Text here</span>
This paragraph has a background color of #22d2cc.
<p style="background-color:#22d2cc;">Content here</p>
This element has a border color of #22d2cc.
<div style="border:1px solid #22d2cc;">Content here</div>
.text {color:#22d2cc;}
.background {background-color:#22d2cc;}
.border {border:1px solid #22d2cc;}
Shades and Tints of #22d2cc
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, #010707 is the darkest color, while #f6fdfd is the lightest one.
-
#010707
#010707
rgb(1,7,7)
-
#041818
#041818
rgb(4,24,24)
-
#072928
#072928
rgb(7,41,40)
-
#093a38
#093a38
rgb(9,58,56)
-
#0c4b49
#0c4b49
rgb(12,75,73)
-
#0f5c59
#0f5c59
rgb(15,92,89)
-
#126d6a
#126d6a
rgb(18,109,106)
-
#147e7a
#147e7a
rgb(20,126,122)
-
#178e8a
#178e8a
rgb(23,142,138)
-
#1a9f9b
#1a9f9b
rgb(26,159,155)
-
#1db0ab
#1db0ab
rgb(29,176,171)
-
#1fc1bc
#1fc1bc
rgb(31,193,188)
-
#22d2cc
#22d2cc
rgb(34,210,204)
-
#2bddd7
#2bddd7
rgb(43,221,215)
-
#3cdfda
#3cdfda
rgb(60,223,218)
-
#4de2dd
#4de2dd
rgb(77,226,221)
-
#5ee5e0
#5ee5e0
rgb(94,229,224)
-
#6ee8e3
#6ee8e3
rgb(110,232,227)
-
#7feae7
#7feae7
rgb(127,234,231)
-
#90edea
#90edea
rgb(144,237,234)
-
#a1f0ed
#a1f0ed
rgb(161,240,237)
-
#b2f3f0
#b2f3f0
rgb(178,243,240)
-
#c3f5f4
#c3f5f4
rgb(195,245,244)
-
#d4f8f7
#d4f8f7
rgb(212,248,247)
-
#e5fbfa
#e5fbfa
rgb(229,251,250)
-
#f6fdfd
#f6fdfd
rgb(246,253,253)
Tones of #22d2cc
A tone is produced by adding gray to any pure hue. In this case, #767e7d is the less saturated color, while #06eee6 is the most saturated one.
-
#767e7d
#767e7d
rgb(118,126,125)
-
#6d8786
#6d8786
rgb(109,135,134)
-
#64908f
#64908f
rgb(100,144,143)
-
#5a9a98
#5a9a98
rgb(90,154,152)
-
#51a3a0
#51a3a0
rgb(81,163,160)
-
#48aca9
#48aca9
rgb(72,172,169)
-
#3eb6b2
#3eb6b2
rgb(62,182,178)
-
#35bfbb
#35bfbb
rgb(53,191,187)
-
#2bc9c3
#2bc9c3
rgb(43,201,195)
-
#22d2cc
#22d2cc
rgb(34,210,204)
-
#19dbd5
#19dbd5
rgb(25,219,213)
-
#0fe5dd
#0fe5dd
rgb(15,229,221)
-
#06eee6
#06eee6
rgb(6,238,230)
Color Blindness Simulator
Below, you can see how #22d2cc 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.