#22d2d2 Color Information
In a RGB color space, hex #22d2d2 is composed of 13.3% red, 82.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 0% yellow and 17.6% black. It has a hue angle of 180 degrees, a saturation of 72.1% and a lightness of 47.8%. #22d2d2 color hex could be obtained by blending #44ffff with #00a5a5. Closest websafe color is: #33cccc.
-
- R 13
- G 82
- B 82
-
- C 84
- M 0
- Y 0
- K 18
● #22d2d2 color description : Strong cyan.
#22d2d2 Color Conversion
The hexadecimal color #22d2d2 has RGB values of R:34, G:210, B:210 and CMYK values of C:0.84, M:0, Y:0, K:0.18. Its decimal value is 2282194.
Hex triplet | 22d2d2 | #22d2d2 |
---|---|---|
RGB Decimal | 34, 210, 210 | rgb(34,210,210) |
RGB Percent | 13.3, 82.4, 82.4 | rgb(13.3%,82.4%,82.4%) |
CMYK | 84, 0, 0, 18 | |
HSL | 180°, 72.1, 47.8 | hsl(180,72.1%,47.8%) |
HSV (or HSB) | 180°, 83.8, 82.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.729, -40.171, -11.883 |
---|---|
XYZ | 35.336, 51.083, 68.967 |
xyY | 0.227, 0.329, 51.083 |
CIE-LCH | 76.729, 41.892, 196.478 |
CIE-LUV | 76.729, -57.541, -12.425 |
Hunter-Lab | 71.472, -36.827, -7.181 |
Binary | 00100010, 11010010, 11010010 |
Color Schemes with #22d2d2
Alternatives to #22d2d2
Below, you can see some colors close to #22d2d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d2d2 Preview
This text has a font color of #22d2d2.
<span style="color:#22d2d2;">Text here</span>
This paragraph has a background color of #22d2d2.
<p style="background-color:#22d2d2;">Content here</p>
This element has a border color of #22d2d2.
<div style="border:1px solid #22d2d2;">Content here</div>
.text {color:#22d2d2;}
.background {background-color:#22d2d2;}
.border {border:1px solid #22d2d2;}
Shades and Tints of #22d2d2
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)
-
#072929
#072929
rgb(7,41,41)
-
#093a3a
#093a3a
rgb(9,58,58)
-
#0c4b4b
#0c4b4b
rgb(12,75,75)
-
#0f5c5c
#0f5c5c
rgb(15,92,92)
-
#126d6d
#126d6d
rgb(18,109,109)
-
#147e7e
#147e7e
rgb(20,126,126)
-
#178e8e
#178e8e
rgb(23,142,142)
-
#1a9f9f
#1a9f9f
rgb(26,159,159)
-
#1db0b0
#1db0b0
rgb(29,176,176)
-
#1fc1c1
#1fc1c1
rgb(31,193,193)
-
#22d2d2
#22d2d2
rgb(34,210,210)
-
#2bdddd
#2bdddd
rgb(43,221,221)
-
#3cdfdf
#3cdfdf
rgb(60,223,223)
-
#4de2e2
#4de2e2
rgb(77,226,226)
-
#5ee5e5
#5ee5e5
rgb(94,229,229)
-
#6ee8e8
#6ee8e8
rgb(110,232,232)
-
#7feaea
#7feaea
rgb(127,234,234)
-
#90eded
#90eded
rgb(144,237,237)
-
#a1f0f0
#a1f0f0
rgb(161,240,240)
-
#b2f3f3
#b2f3f3
rgb(178,243,243)
-
#c3f5f5
#c3f5f5
rgb(195,245,245)
-
#d4f8f8
#d4f8f8
rgb(212,248,248)
-
#e5fbfb
#e5fbfb
rgb(229,251,251)
-
#f6fdfd
#f6fdfd
rgb(246,253,253)
Tones of #22d2d2
A tone is produced by adding gray to any pure hue. In this case, #767e7e is the less saturated color, while #06eeee is the most saturated one.
-
#767e7e
#767e7e
rgb(118,126,126)
-
#6d8787
#6d8787
rgb(109,135,135)
-
#649090
#649090
rgb(100,144,144)
-
#5a9a9a
#5a9a9a
rgb(90,154,154)
-
#51a3a3
#51a3a3
rgb(81,163,163)
-
#48acac
#48acac
rgb(72,172,172)
-
#3eb6b6
#3eb6b6
rgb(62,182,182)
-
#35bfbf
#35bfbf
rgb(53,191,191)
-
#2bc9c9
#2bc9c9
rgb(43,201,201)
-
#22d2d2
#22d2d2
rgb(34,210,210)
-
#19dbdb
#19dbdb
rgb(25,219,219)
-
#0fe5e5
#0fe5e5
rgb(15,229,229)
-
#06eeee
#06eeee
rgb(6,238,238)
Color Blindness Simulator
Below, you can see how #22d2d2 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.