#22c7bc Color Information
In a RGB color space, hex #22c7bc is composed of 13.3% red, 78% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 5.5% yellow and 22% black. It has a hue angle of 176 degrees, a saturation of 70.8% and a lightness of 45.7%. #22c7bc color hex could be obtained by blending #44ffff with #008f79. Closest websafe color is: #33cccc.
-
- R 13
- G 78
- B 74
-
- C 83
- M 0
- Y 6
- K 22
● #22c7bc color description : Strong cyan.
#22c7bc Color Conversion
The hexadecimal color #22c7bc has RGB values of R:34, G:199, B:188 and CMYK values of C:0.83, M:0, Y:0.06, K:0.22. Its decimal value is 2279356.
Hex triplet | 22c7bc | #22c7bc |
---|---|---|
RGB Decimal | 34, 199, 188 | rgb(34,199,188) |
RGB Percent | 13.3, 78, 73.7 | rgb(13.3%,78%,73.7%) |
CMYK | 83, 0, 6, 22 | |
HSL | 176°, 70.8, 45.7 | hsl(176,70.8%,45.7%) |
HSV (or HSB) | 176°, 82.9, 78 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.77, -41.602, -5.877 |
---|---|
XYZ | 30.157, 44.815, 54.635 |
xyY | 0.233, 0.346, 44.815 |
CIE-LCH | 72.77, 42.015, 188.04 |
CIE-LUV | 72.77, -55.427, -2.598 |
Hunter-Lab | 66.944, -36.74, -1.528 |
Binary | 00100010, 11000111, 10111100 |
Color Schemes with #22c7bc
Alternatives to #22c7bc
Below, you can see some colors close to #22c7bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c7bc Preview
This text has a font color of #22c7bc.
<span style="color:#22c7bc;">Text here</span>
This paragraph has a background color of #22c7bc.
<p style="background-color:#22c7bc;">Content here</p>
This element has a border color of #22c7bc.
<div style="border:1px solid #22c7bc;">Content here</div>
.text {color:#22c7bc;}
.background {background-color:#22c7bc;}
.border {border:1px solid #22c7bc;}
Shades and Tints of #22c7bc
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)
-
#08302e
#08302e
rgb(8,48,46)
-
#0b413d
#0b413d
rgb(11,65,61)
-
#0e524d
#0e524d
rgb(14,82,77)
-
#11625d
#11625d
rgb(17,98,93)
-
#14736d
#14736d
rgb(20,115,109)
-
#17847d
#17847d
rgb(23,132,125)
-
#19958d
#19958d
rgb(25,149,141)
-
#1ca59c
#1ca59c
rgb(28,165,156)
-
#1fb6ac
#1fb6ac
rgb(31,182,172)
-
#22c7bc
#22c7bc
rgb(34,199,188)
-
#25d8cc
#25d8cc
rgb(37,216,204)
-
#34dcd1
#34dcd1
rgb(52,220,209)
-
#45dfd5
#45dfd5
rgb(69,223,213)
-
#55e2d9
#55e2d9
rgb(85,226,217)
-
#66e5dc
#66e5dc
rgb(102,229,220)
-
#77e8e0
#77e8e0
rgb(119,232,224)
-
#88ebe4
#88ebe4
rgb(136,235,228)
-
#98ede8
#98ede8
rgb(152,237,232)
-
#a9f0ec
#a9f0ec
rgb(169,240,236)
-
#baf3ef
#baf3ef
rgb(186,243,239)
-
#cbf6f3
#cbf6f3
rgb(203,246,243)
-
#dbf9f7
#dbf9f7
rgb(219,249,247)
-
#ecfcfb
#ecfcfb
rgb(236,252,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #22c7bc
A tone is produced by adding gray to any pure hue. In this case, #737676 is the less saturated color, while #07e2d3 is the most saturated one.
-
#737676
#737676
rgb(115,118,118)
-
#6a7f7e
#6a7f7e
rgb(106,127,126)
-
#618886
#618886
rgb(97,136,134)
-
#58918d
#58918d
rgb(88,145,141)
-
#4f9a95
#4f9a95
rgb(79,154,149)
-
#46a39d
#46a39d
rgb(70,163,157)
-
#3daca5
#3daca5
rgb(61,172,165)
-
#34b5ac
#34b5ac
rgb(52,181,172)
-
#2bbeb4
#2bbeb4
rgb(43,190,180)
-
#22c7bc
#22c7bc
rgb(34,199,188)
-
#19d0c4
#19d0c4
rgb(25,208,196)
-
#10d9cc
#10d9cc
rgb(16,217,204)
-
#07e2d3
#07e2d3
rgb(7,226,211)
Color Blindness Simulator
Below, you can see how #22c7bc 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.