#22c7c0 Color Information
In a RGB color space, hex #22c7c0 is composed of 13.3% red, 78% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 3.5% yellow and 22% black. It has a hue angle of 177.5 degrees, a saturation of 70.8% and a lightness of 45.7%. #22c7c0 color hex could be obtained by blending #44ffff with #008f81. Closest websafe color is: #33cccc.
-
- R 13
- G 78
- B 75
-
- C 83
- M 0
- Y 4
- K 22
● #22c7c0 color description : Strong cyan.
#22c7c0 Color Conversion
The hexadecimal color #22c7c0 has RGB values of R:34, G:199, B:192 and CMYK values of C:0.83, M:0, Y:0.04, K:0.22. Its decimal value is 2279360.
Hex triplet | 22c7c0 | #22c7c0 |
---|---|---|
RGB Decimal | 34, 199, 192 | rgb(34,199,192) |
RGB Percent | 13.3, 78, 75.3 | rgb(13.3%,78%,75.3%) |
CMYK | 83, 0, 4, 22 | |
HSL | 177.5°, 70.8, 45.7 | hsl(177.5,70.8%,45.7%) |
HSV (or HSB) | 177.5°, 82.9, 78 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.885, -40.459, -7.88 |
---|---|
XYZ | 30.594, 44.99, 56.938 |
xyY | 0.231, 0.339, 44.99 |
CIE-LCH | 72.885, 41.219, 191.021 |
CIE-LUV | 72.885, -55.125, -5.919 |
Hunter-Lab | 67.074, -35.961, -3.378 |
Binary | 00100010, 11000111, 11000000 |
Color Schemes with #22c7c0
Alternatives to #22c7c0
Below, you can see some colors close to #22c7c0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c7c0 Preview
This text has a font color of #22c7c0.
<span style="color:#22c7c0;">Text here</span>
This paragraph has a background color of #22c7c0.
<p style="background-color:#22c7c0;">Content here</p>
This element has a border color of #22c7c0.
<div style="border:1px solid #22c7c0;">Content here</div>
.text {color:#22c7c0;}
.background {background-color:#22c7c0;}
.border {border:1px solid #22c7c0;}
Shades and Tints of #22c7c0
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, #030f0e is the darkest color, while #fdffff is the lightest one.
-
#030f0e
#030f0e
rgb(3,15,14)
-
#051f1e
#051f1e
rgb(5,31,30)
-
#08302f
#08302f
rgb(8,48,47)
-
#0b413f
#0b413f
rgb(11,65,63)
-
#0e524f
#0e524f
rgb(14,82,79)
-
#11625f
#11625f
rgb(17,98,95)
-
#14736f
#14736f
rgb(20,115,111)
-
#17847f
#17847f
rgb(23,132,127)
-
#199590
#199590
rgb(25,149,144)
-
#1ca5a0
#1ca5a0
rgb(28,165,160)
-
#1fb6b0
#1fb6b0
rgb(31,182,176)
-
#22c7c0
#22c7c0
rgb(34,199,192)
-
#25d8d0
#25d8d0
rgb(37,216,208)
-
#34dcd5
#34dcd5
rgb(52,220,213)
-
#45dfd9
#45dfd9
rgb(69,223,217)
-
#55e2dc
#55e2dc
rgb(85,226,220)
-
#66e5e0
#66e5e0
rgb(102,229,224)
-
#77e8e3
#77e8e3
rgb(119,232,227)
-
#88ebe6
#88ebe6
rgb(136,235,230)
-
#98edea
#98edea
rgb(152,237,234)
-
#a9f0ed
#a9f0ed
rgb(169,240,237)
-
#baf3f1
#baf3f1
rgb(186,243,241)
-
#cbf6f4
#cbf6f4
rgb(203,246,244)
-
#dbf9f8
#dbf9f8
rgb(219,249,248)
-
#ecfcfb
#ecfcfb
rgb(236,252,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #22c7c0
A tone is produced by adding gray to any pure hue. In this case, #737676 is the less saturated color, while #07e2d9 is the most saturated one.
-
#737676
#737676
rgb(115,118,118)
-
#6a7f7e
#6a7f7e
rgb(106,127,126)
-
#618887
#618887
rgb(97,136,135)
-
#58918f
#58918f
rgb(88,145,143)
-
#4f9a97
#4f9a97
rgb(79,154,151)
-
#46a39f
#46a39f
rgb(70,163,159)
-
#3daca7
#3daca7
rgb(61,172,167)
-
#34b5b0
#34b5b0
rgb(52,181,176)
-
#2bbeb8
#2bbeb8
rgb(43,190,184)
-
#22c7c0
#22c7c0
rgb(34,199,192)
-
#19d0c8
#19d0c8
rgb(25,208,200)
-
#10d9d0
#10d9d0
rgb(16,217,208)
-
#07e2d9
#07e2d9
rgb(7,226,217)
Color Blindness Simulator
Below, you can see how #22c7c0 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.