#22cdd2 Color Information
In a RGB color space, hex #22cdd2 is composed of 13.3% red, 80.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 2.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 181.7 degrees, a saturation of 72.1% and a lightness of 47.8%. #22cdd2 color hex could be obtained by blending #44ffff with #009ba5. Closest websafe color is: #33cccc.
-
- R 13
- G 80
- B 82
-
- C 84
- M 2
- Y 0
- K 18
● #22cdd2 color description : Strong cyan.
#22cdd2 Color Conversion
The hexadecimal color #22cdd2 has RGB values of R:34, G:205, B:210 and CMYK values of C:0.84, M:0.02, Y:0, K:0.18. Its decimal value is 2280914.
Hex triplet | 22cdd2 | #22cdd2 |
---|---|---|
RGB Decimal | 34, 205, 210 | rgb(34,205,210) |
RGB Percent | 13.3, 80.4, 82.4 | rgb(13.3%,80.4%,82.4%) |
CMYK | 84, 2, 0, 18 | |
HSL | 181.7°, 72.1, 47.8 | hsl(181.7,72.1%,47.8%) |
HSV (or HSB) | 181.7°, 83.8, 82.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.235, -37.898, -14.123 |
---|---|
XYZ | 34.12, 48.652, 68.562 |
xyY | 0.225, 0.321, 48.652 |
CIE-LCH | 75.235, 40.444, 200.438 |
CIE-LUV | 75.235, -55.826, -16.365 |
Hunter-Lab | 69.751, -34.748, -9.453 |
Binary | 00100010, 11001101, 11010010 |
Color Schemes with #22cdd2
Alternatives to #22cdd2
Below, you can see some colors close to #22cdd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22cdd2 Preview
This text has a font color of #22cdd2.
<span style="color:#22cdd2;">Text here</span>
This paragraph has a background color of #22cdd2.
<p style="background-color:#22cdd2;">Content here</p>
This element has a border color of #22cdd2.
<div style="border:1px solid #22cdd2;">Content here</div>
.text {color:#22cdd2;}
.background {background-color:#22cdd2;}
.border {border:1px solid #22cdd2;}
Shades and Tints of #22cdd2
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)
-
#072829
#072829
rgb(7,40,41)
-
#09393a
#09393a
rgb(9,57,58)
-
#0c494b
#0c494b
rgb(12,73,75)
-
#0f5a5c
#0f5a5c
rgb(15,90,92)
-
#126a6d
#126a6d
rgb(18,106,109)
-
#147b7e
#147b7e
rgb(20,123,126)
-
#178b8e
#178b8e
rgb(23,139,142)
-
#1a9c9f
#1a9c9f
rgb(26,156,159)
-
#1dacb0
#1dacb0
rgb(29,172,176)
-
#1fbdc1
#1fbdc1
rgb(31,189,193)
-
#22cdd2
#22cdd2
rgb(34,205,210)
-
#2bd8dd
#2bd8dd
rgb(43,216,221)
-
#3cdbdf
#3cdbdf
rgb(60,219,223)
-
#4ddee2
#4ddee2
rgb(77,222,226)
-
#5ee1e5
#5ee1e5
rgb(94,225,229)
-
#6ee4e8
#6ee4e8
rgb(110,228,232)
-
#7fe7ea
#7fe7ea
rgb(127,231,234)
-
#90eaed
#90eaed
rgb(144,234,237)
-
#a1eef0
#a1eef0
rgb(161,238,240)
-
#b2f1f3
#b2f1f3
rgb(178,241,243)
-
#c3f4f5
#c3f4f5
rgb(195,244,245)
-
#d4f7f8
#d4f7f8
rgb(212,247,248)
-
#e5fafb
#e5fafb
rgb(229,250,251)
-
#f6fdfd
#f6fdfd
rgb(246,253,253)
Tones of #22cdd2
A tone is produced by adding gray to any pure hue. In this case, #767d7e is the less saturated color, while #06e8ee is the most saturated one.
-
#767d7e
#767d7e
rgb(118,125,126)
-
#6d8687
#6d8687
rgb(109,134,135)
-
#648f90
#648f90
rgb(100,143,144)
-
#5a989a
#5a989a
rgb(90,152,154)
-
#51a1a3
#51a1a3
rgb(81,161,163)
-
#48aaac
#48aaac
rgb(72,170,172)
-
#3eb2b6
#3eb2b6
rgb(62,178,182)
-
#35bbbf
#35bbbf
rgb(53,187,191)
-
#2bc4c9
#2bc4c9
rgb(43,196,201)
-
#22cdd2
#22cdd2
rgb(34,205,210)
-
#19d6db
#19d6db
rgb(25,214,219)
-
#0fdfe5
#0fdfe5
rgb(15,223,229)
-
#06e8ee
#06e8ee
rgb(6,232,238)
Color Blindness Simulator
Below, you can see how #22cdd2 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.