#22d6da Color Information
In a RGB color space, hex #22d6da is composed of 13.3% red, 83.9% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 1.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 181.3 degrees, a saturation of 73% and a lightness of 49.4%. #22d6da color hex could be obtained by blending #44ffff with #00adb5. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 85
-
- C 84
- M 2
- Y 0
- K 15
● #22d6da color description : Bright cyan.
#22d6da Color Conversion
The hexadecimal color #22d6da has RGB values of R:34, G:214, B:218 and CMYK values of C:0.84, M:0.02, Y:0, K:0.15. Its decimal value is 2283226.
Hex triplet | 22d6da | #22d6da |
---|---|---|
RGB Decimal | 34, 214, 218 | rgb(34,214,218) |
RGB Percent | 13.3, 83.9, 85.5 | rgb(13.3%,83.9%,85.5%) |
CMYK | 84, 2, 0, 15 | |
HSL | 181.3°, 73, 49.4 | hsl(181.3,73%,49.4%) |
HSV (or HSB) | 181.3°, 84.4, 85.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 78.164, -39.627, -14.027 |
---|---|
XYZ | 37.357, 53.491, 74.682 |
xyY | 0.226, 0.323, 53.491 |
CIE-LCH | 78.164, 42.036, 199.493 |
CIE-LUV | 78.164, -58.295, -16.03 |
Hunter-Lab | 73.138, -36.817, -9.345 |
Binary | 00100010, 11010110, 11011010 |
Color Schemes with #22d6da
Alternatives to #22d6da
Below, you can see some colors close to #22d6da. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d6da Preview
This text has a font color of #22d6da.
<span style="color:#22d6da;">Text here</span>
This paragraph has a background color of #22d6da.
<p style="background-color:#22d6da;">Content here</p>
This element has a border color of #22d6da.
<div style="border:1px solid #22d6da;">Content here</div>
.text {color:#22d6da;}
.background {background-color:#22d6da;}
.border {border:1px solid #22d6da;}
Shades and Tints of #22d6da
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, #020e0e is the darkest color, while #fcffff is the lightest one.
-
#020e0e
#020e0e
rgb(2,14,14)
-
#051f1f
#051f1f
rgb(5,31,31)
-
#082f30
#082f30
rgb(8,47,48)
-
#0a4041
#0a4041
rgb(10,64,65)
-
#0d5152
#0d5152
rgb(13,81,82)
-
#0f6163
#0f6163
rgb(15,97,99)
-
#127274
#127274
rgb(18,114,116)
-
#158385
#158385
rgb(21,131,133)
-
#179396
#179396
rgb(23,147,150)
-
#1aa4a7
#1aa4a7
rgb(26,164,167)
-
#1db5b8
#1db5b8
rgb(29,181,184)
-
#1fc5c9
#1fc5c9
rgb(31,197,201)
-
#22d6da
#22d6da
rgb(34,214,218)
-
#31dbdf
#31dbdf
rgb(49,219,223)
-
#42dee1
#42dee1
rgb(66,222,225)
-
#53e1e4
#53e1e4
rgb(83,225,228)
-
#64e4e7
#64e4e7
rgb(100,228,231)
-
#75e7e9
#75e7e9
rgb(117,231,233)
-
#86eaec
#86eaec
rgb(134,234,236)
-
#97edef
#97edef
rgb(151,237,239)
-
#a8f0f1
#a8f0f1
rgb(168,240,241)
-
#b9f3f4
#b9f3f4
rgb(185,243,244)
-
#c9f6f7
#c9f6f7
rgb(201,246,247)
-
#daf9f9
#daf9f9
rgb(218,249,249)
-
#ebfcfc
#ebfcfc
rgb(235,252,252)
-
#fcffff
#fcffff
rgb(252,255,255)
Tones of #22d6da
A tone is produced by adding gray to any pure hue. In this case, #798383 is the less saturated color, while #05f2f7 is the most saturated one.
-
#798383
#798383
rgb(121,131,131)
-
#708c8c
#708c8c
rgb(112,140,140)
-
#669596
#669596
rgb(102,149,150)
-
#5c9ea0
#5c9ea0
rgb(92,158,160)
-
#52a8aa
#52a8aa
rgb(82,168,170)
-
#49b1b3
#49b1b3
rgb(73,177,179)
-
#3fbabd
#3fbabd
rgb(63,186,189)
-
#35c3c7
#35c3c7
rgb(53,195,199)
-
#2ccdd0
#2ccdd0
rgb(44,205,208)
-
#22d6da
#22d6da
rgb(34,214,218)
-
#18dfe4
#18dfe4
rgb(24,223,228)
-
#0fe9ed
#0fe9ed
rgb(15,233,237)
-
#05f2f7
#05f2f7
rgb(5,242,247)
Color Blindness Simulator
Below, you can see how #22d6da 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.