#22d6cb Color Information
In a RGB color space, hex #22d6cb is composed of 13.3% red, 83.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 0% magenta, 5.1% yellow and 16.1% black. It has a hue angle of 176.3 degrees, a saturation of 72.6% and a lightness of 48.6%. #22d6cb color hex could be obtained by blending #44ffff with #00ad97. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 80
-
- C 84
- M 0
- Y 5
- K 16
● #22d6cb color description : Strong cyan.
#22d6cb Color Conversion
The hexadecimal color #22d6cb has RGB values of R:34, G:214, B:203 and CMYK values of C:0.84, M:0, Y:0.05, K:0.16. Its decimal value is 2283211.
Hex triplet | 22d6cb | #22d6cb |
---|---|---|
RGB Decimal | 34, 214, 203 | rgb(34,214,203) |
RGB Percent | 13.3, 83.9, 79.6 | rgb(13.3%,83.9%,79.6%) |
CMYK | 84, 0, 5, 16 | |
HSL | 176.3°, 72.6, 48.6 | hsl(176.3,72.6%,48.6%) |
HSV (or HSB) | 176.3°, 84.1, 83.9 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 77.722, -43.954, -6.645 |
---|---|
XYZ | 35.482, 52.741, 64.807 |
xyY | 0.232, 0.345, 52.741 |
CIE-LCH | 77.722, 44.453, 188.597 |
CIE-LUV | 77.722, -59.444, -3.473 |
Hunter-Lab | 72.623, -39.879, -2.072 |
Binary | 00100010, 11010110, 11001011 |
Color Schemes with #22d6cb
Alternatives to #22d6cb
Below, you can see some colors close to #22d6cb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d6cb Preview
This text has a font color of #22d6cb.
<span style="color:#22d6cb;">Text here</span>
This paragraph has a background color of #22d6cb.
<p style="background-color:#22d6cb;">Content here</p>
This element has a border color of #22d6cb.
<div style="border:1px solid #22d6cb;">Content here</div>
.text {color:#22d6cb;}
.background {background-color:#22d6cb;}
.border {border:1px solid #22d6cb;}
Shades and Tints of #22d6cb
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, #020b0a is the darkest color, while #f9fefe is the lightest one.
-
#020b0a
#020b0a
rgb(2,11,10)
-
#041c1a
#041c1a
rgb(4,28,26)
-
#072d2a
#072d2a
rgb(7,45,42)
-
#0a3e3a
#0a3e3a
rgb(10,62,58)
-
#0c4f4b
#0c4f4b
rgb(12,79,75)
-
#0f605b
#0f605b
rgb(15,96,91)
-
#12706b
#12706b
rgb(18,112,107)
-
#15817b
#15817b
rgb(21,129,123)
-
#17928b
#17928b
rgb(23,146,139)
-
#1aa39b
#1aa39b
rgb(26,163,155)
-
#1db4ab
#1db4ab
rgb(29,180,171)
-
#1fc5bb
#1fc5bb
rgb(31,197,187)
-
#22d6cb
#22d6cb
rgb(34,214,203)
-
#2eded3
#2eded3
rgb(46,222,211)
-
#3fe0d7
#3fe0d7
rgb(63,224,215)
-
#50e3da
#50e3da
rgb(80,227,218)
-
#61e6de
#61e6de
rgb(97,230,222)
-
#72e9e1
#72e9e1
rgb(114,233,225)
-
#82ebe5
#82ebe5
rgb(130,235,229)
-
#93eee8
#93eee8
rgb(147,238,232)
-
#a4f1ec
#a4f1ec
rgb(164,241,236)
-
#b5f3ef
#b5f3ef
rgb(181,243,239)
-
#c6f6f3
#c6f6f3
rgb(198,246,243)
-
#d7f9f7
#d7f9f7
rgb(215,249,247)
-
#e8fbfa
#e8fbfa
rgb(232,251,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22d6cb
A tone is produced by adding gray to any pure hue. In this case, #788080 is the less saturated color, while #05f3e4 is the most saturated one.
-
#788080
#788080
rgb(120,128,128)
-
#6e8a88
#6e8a88
rgb(110,138,136)
-
#659390
#659390
rgb(101,147,144)
-
#5b9d99
#5b9d99
rgb(91,157,153)
-
#52a6a1
#52a6a1
rgb(82,166,161)
-
#48b0aa
#48b0aa
rgb(72,176,170)
-
#3fb9b2
#3fb9b2
rgb(63,185,178)
-
#35c3ba
#35c3ba
rgb(53,195,186)
-
#2cccc3
#2cccc3
rgb(44,204,195)
-
#22d6cb
#22d6cb
rgb(34,214,203)
-
#18e0d3
#18e0d3
rgb(24,224,211)
-
#0fe9dc
#0fe9dc
rgb(15,233,220)
-
#05f3e4
#05f3e4
rgb(5,243,228)
Color Blindness Simulator
Below, you can see how #22d6cb 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.