#22ccd5 Color Information
In a RGB color space, hex #22ccd5 is composed of 13.3% red, 80% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 4.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 183 degrees, a saturation of 72.5% and a lightness of 48.4%. #22ccd5 color hex could be obtained by blending #44ffff with #0099ab. Closest websafe color is: #33cccc.
-
- R 13
- G 80
- B 84
-
- C 84
- M 4
- Y 0
- K 16
● #22ccd5 color description : Strong cyan.
#22ccd5 Color Conversion
The hexadecimal color #22ccd5 has RGB values of R:34, G:204, B:213 and CMYK values of C:0.84, M:0.04, Y:0, K:0.16. Its decimal value is 2280661.
Hex triplet | 22ccd5 | #22ccd5 |
---|---|---|
RGB Decimal | 34, 204, 213 | rgb(34,204,213) |
RGB Percent | 13.3, 80, 83.5 | rgb(13.3%,80%,83.5%) |
CMYK | 84, 4, 0, 16 | |
HSL | 183°, 72.5, 48.4 | hsl(183,72.5%,48.4%) |
HSV (or HSB) | 183°, 84, 83.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.03, -36.537, -16.05 |
---|---|
XYZ | 34.259, 48.327, 70.469 |
xyY | 0.224, 0.316, 48.327 |
CIE-LCH | 75.03, 39.907, 203.715 |
CIE-LUV | 75.03, -55.253, -19.71 |
Hunter-Lab | 69.517, -33.688, -11.44 |
Binary | 00100010, 11001100, 11010101 |
Color Schemes with #22ccd5
Alternatives to #22ccd5
Below, you can see some colors close to #22ccd5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22ccd5 Preview
This text has a font color of #22ccd5.
<span style="color:#22ccd5;">Text here</span>
This paragraph has a background color of #22ccd5.
<p style="background-color:#22ccd5;">Content here</p>
This element has a border color of #22ccd5.
<div style="border:1px solid #22ccd5;">Content here</div>
.text {color:#22ccd5;}
.background {background-color:#22ccd5;}
.border {border:1px solid #22ccd5;}
Shades and Tints of #22ccd5
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, #020a0a is the darkest color, while #f8fefe is the lightest one.
-
#020a0a
#020a0a
rgb(2,10,10)
-
#041a1b
#041a1b
rgb(4,26,27)
-
#072a2c
#072a2c
rgb(7,42,44)
-
#0a3a3d
#0a3a3d
rgb(10,58,61)
-
#0c4a4e
#0c4a4e
rgb(12,74,78)
-
#0f5b5f
#0f5b5f
rgb(15,91,95)
-
#126b70
#126b70
rgb(18,107,112)
-
#147b80
#147b80
rgb(20,123,128)
-
#178b91
#178b91
rgb(23,139,145)
-
#1a9ba2
#1a9ba2
rgb(26,155,162)
-
#1dacb3
#1dacb3
rgb(29,172,179)
-
#1fbcc4
#1fbcc4
rgb(31,188,196)
-
#22ccd5
#22ccd5
rgb(34,204,213)
-
#2dd5dd
#2dd5dd
rgb(45,213,221)
-
#3ed8e0
#3ed8e0
rgb(62,216,224)
-
#4fdbe3
#4fdbe3
rgb(79,219,227)
-
#60dfe6
#60dfe6
rgb(96,223,230)
-
#71e2e8
#71e2e8
rgb(113,226,232)
-
#82e6eb
#82e6eb
rgb(130,230,235)
-
#93e9ee
#93e9ee
rgb(147,233,238)
-
#a4edf0
#a4edf0
rgb(164,237,240)
-
#b4f0f3
#b4f0f3
rgb(180,240,243)
-
#c5f3f6
#c5f3f6
rgb(197,243,246)
-
#d6f7f8
#d6f7f8
rgb(214,247,248)
-
#e7fafb
#e7fafb
rgb(231,250,251)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #22ccd5
A tone is produced by adding gray to any pure hue. In this case, #787f80 is the less saturated color, while #05e6f2 is the most saturated one.
-
#787f80
#787f80
rgb(120,127,128)
-
#6e8889
#6e8889
rgb(110,136,137)
-
#659093
#659093
rgb(101,144,147)
-
#5b999c
#5b999c
rgb(91,153,156)
-
#52a1a6
#52a1a6
rgb(82,161,166)
-
#48aaaf
#48aaaf
rgb(72,170,175)
-
#3fb2b9
#3fb2b9
rgb(63,178,185)
-
#35bbc2
#35bbc2
rgb(53,187,194)
-
#2cc3cc
#2cc3cc
rgb(44,195,204)
-
#22ccd5
#22ccd5
rgb(34,204,213)
-
#19d5df
#19d5df
rgb(25,213,223)
-
#0fdde8
#0fdde8
rgb(15,221,232)
-
#05e6f2
#05e6f2
rgb(5,230,242)
Color Blindness Simulator
Below, you can see how #22ccd5 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.