#22d3d2 Color Information
In a RGB color space, hex #22d3d2 is composed of 13.3% red, 82.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 0% magenta, 0.5% yellow and 17.3% black. It has a hue angle of 179.7 degrees, a saturation of 72.2% and a lightness of 48%. #22d3d2 color hex could be obtained by blending #44ffff with #00a7a5. Closest websafe color is: #33cccc.
-
- R 13
- G 83
- B 82
-
- C 84
- M 0
- Y 0
- K 17
● #22d3d2 color description : Strong cyan.
#22d3d2 Color Conversion
The hexadecimal color #22d3d2 has RGB values of R:34, G:211, B:210 and CMYK values of C:0.84, M:0, Y:0, K:0.17. Its decimal value is 2282450.
Hex triplet | 22d3d2 | #22d3d2 |
---|---|---|
RGB Decimal | 34, 211, 210 | rgb(34,211,210) |
RGB Percent | 13.3, 82.7, 82.4 | rgb(13.3%,82.7%,82.4%) |
CMYK | 84, 0, 0, 17 | |
HSL | 179.7°, 72.2, 48 | hsl(179.7,72.2%,48%) |
HSV (or HSB) | 179.7°, 83.9, 82.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 77.028, -40.621, -11.436 |
---|---|
XYZ | 35.583, 51.578, 69.049 |
xyY | 0.228, 0.33, 51.578 |
CIE-LCH | 77.028, 42.2, 195.724 |
CIE-LUV | 77.028, -57.883, -11.64 |
Hunter-Lab | 71.818, -37.241, -6.732 |
Binary | 00100010, 11010011, 11010010 |
Color Schemes with #22d3d2
Alternatives to #22d3d2
Below, you can see some colors close to #22d3d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d3d2 Preview
This text has a font color of #22d3d2.
<span style="color:#22d3d2;">Text here</span>
This paragraph has a background color of #22d3d2.
<p style="background-color:#22d3d2;">Content here</p>
This element has a border color of #22d3d2.
<div style="border:1px solid #22d3d2;">Content here</div>
.text {color:#22d3d2;}
.background {background-color:#22d3d2;}
.border {border:1px solid #22d3d2;}
Shades and Tints of #22d3d2
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, #010808 is the darkest color, while #f6fefe is the lightest one.
-
#010808
#010808
rgb(1,8,8)
-
#041919
#041919
rgb(4,25,25)
-
#072a2a
#072a2a
rgb(7,42,42)
-
#0a3b3b
#0a3b3b
rgb(10,59,59)
-
#0c4c4b
#0c4c4b
rgb(12,76,75)
-
#0f5d5c
#0f5d5c
rgb(15,93,92)
-
#126e6d
#126e6d
rgb(18,110,109)
-
#147f7e
#147f7e
rgb(20,127,126)
-
#178f8f
#178f8f
rgb(23,143,143)
-
#1aa0a0
#1aa0a0
rgb(26,160,160)
-
#1db1b0
#1db1b0
rgb(29,177,176)
-
#1fc2c1
#1fc2c1
rgb(31,194,193)
-
#22d3d2
#22d3d2
rgb(34,211,210)
-
#2cdddc
#2cdddc
rgb(44,221,220)
-
#3de0df
#3de0df
rgb(61,224,223)
-
#4de2e2
#4de2e2
rgb(77,226,226)
-
#5ee5e4
#5ee5e4
rgb(94,229,228)
-
#6fe8e7
#6fe8e7
rgb(111,232,231)
-
#80ebea
#80ebea
rgb(128,235,234)
-
#91eded
#91eded
rgb(145,237,237)
-
#a2f0f0
#a2f0f0
rgb(162,240,240)
-
#b3f3f2
#b3f3f2
rgb(179,243,242)
-
#c4f5f5
#c4f5f5
rgb(196,245,245)
-
#d5f8f8
#d5f8f8
rgb(213,248,248)
-
#e5fbfb
#e5fbfb
rgb(229,251,251)
-
#f6fefe
#f6fefe
rgb(246,254,254)
Tones of #22d3d2
A tone is produced by adding gray to any pure hue. In this case, #777e7e is the less saturated color, while #06efee is the most saturated one.
-
#777e7e
#777e7e
rgb(119,126,126)
-
#6d8887
#6d8887
rgb(109,136,135)
-
#649191
#649191
rgb(100,145,145)
-
#5b9a9a
#5b9a9a
rgb(91,154,154)
-
#51a4a3
#51a4a3
rgb(81,164,163)
-
#48adad
#48adad
rgb(72,173,173)
-
#3eb7b6
#3eb7b6
rgb(62,183,182)
-
#35c0bf
#35c0bf
rgb(53,192,191)
-
#2bcac9
#2bcac9
rgb(43,202,201)
-
#22d3d2
#22d3d2
rgb(34,211,210)
-
#19dcdb
#19dcdb
rgb(25,220,219)
-
#0fe6e5
#0fe6e5
rgb(15,230,229)
-
#06efee
#06efee
rgb(6,239,238)
Color Blindness Simulator
Below, you can see how #22d3d2 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.