#22c7ba Color Information
In a RGB color space, hex #22c7ba is composed of 13.3% red, 78% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 6.5% yellow and 22% black. It has a hue angle of 175.3 degrees, a saturation of 70.8% and a lightness of 45.7%. #22c7ba color hex could be obtained by blending #44ffff with #008f75. Closest websafe color is: #33cccc.
-
- R 13
- G 78
- B 73
-
- C 83
- M 0
- Y 7
- K 22
● #22c7ba color description : Strong cyan.
#22c7ba Color Conversion
The hexadecimal color #22c7ba has RGB values of R:34, G:199, B:186 and CMYK values of C:0.83, M:0, Y:0.07, K:0.22. Its decimal value is 2279354.
Hex triplet | 22c7ba | #22c7ba |
---|---|---|
RGB Decimal | 34, 199, 186 | rgb(34,199,186) |
RGB Percent | 13.3, 78, 72.9 | rgb(13.3%,78%,72.9%) |
CMYK | 83, 0, 7, 22 | |
HSL | 175.3°, 70.8, 45.7 | hsl(175.3,70.8%,45.7%) |
HSV (or HSB) | 175.3°, 82.9, 78 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.713, -42.167, -4.873 |
---|---|
XYZ | 29.943, 44.729, 53.507 |
xyY | 0.234, 0.349, 44.729 |
CIE-LCH | 72.713, 42.448, 186.592 |
CIE-LUV | 72.713, -55.578, -0.948 |
Hunter-Lab | 66.88, -37.122, -0.619 |
Binary | 00100010, 11000111, 10111010 |
Color Schemes with #22c7ba
Alternatives to #22c7ba
Below, you can see some colors close to #22c7ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c7ba Preview
This text has a font color of #22c7ba.
<span style="color:#22c7ba;">Text here</span>
This paragraph has a background color of #22c7ba.
<p style="background-color:#22c7ba;">Content here</p>
This element has a border color of #22c7ba.
<div style="border:1px solid #22c7ba;">Content here</div>
.text {color:#22c7ba;}
.background {background-color:#22c7ba;}
.border {border:1px solid #22c7ba;}
Shades and Tints of #22c7ba
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)
-
#051f1d
#051f1d
rgb(5,31,29)
-
#08302d
#08302d
rgb(8,48,45)
-
#0b413d
#0b413d
rgb(11,65,61)
-
#0e524c
#0e524c
rgb(14,82,76)
-
#11625c
#11625c
rgb(17,98,92)
-
#14736c
#14736c
rgb(20,115,108)
-
#17847b
#17847b
rgb(23,132,123)
-
#19958b
#19958b
rgb(25,149,139)
-
#1ca59b
#1ca59b
rgb(28,165,155)
-
#1fb6aa
#1fb6aa
rgb(31,182,170)
-
#22c7ba
#22c7ba
rgb(34,199,186)
-
#25d8ca
#25d8ca
rgb(37,216,202)
-
#34dccf
#34dccf
rgb(52,220,207)
-
#45dfd3
#45dfd3
rgb(69,223,211)
-
#55e2d7
#55e2d7
rgb(85,226,215)
-
#66e5db
#66e5db
rgb(102,229,219)
-
#77e8df
#77e8df
rgb(119,232,223)
-
#88ebe3
#88ebe3
rgb(136,235,227)
-
#98ede7
#98ede7
rgb(152,237,231)
-
#a9f0eb
#a9f0eb
rgb(169,240,235)
-
#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 #22c7ba
A tone is produced by adding gray to any pure hue. In this case, #737676 is the less saturated color, while #07e2d1 is the most saturated one.
-
#737676
#737676
rgb(115,118,118)
-
#6a7f7e
#6a7f7e
rgb(106,127,126)
-
#618885
#618885
rgb(97,136,133)
-
#58918d
#58918d
rgb(88,145,141)
-
#4f9a94
#4f9a94
rgb(79,154,148)
-
#46a39c
#46a39c
rgb(70,163,156)
-
#3daca3
#3daca3
rgb(61,172,163)
-
#34b5ab
#34b5ab
rgb(52,181,171)
-
#2bbeb2
#2bbeb2
rgb(43,190,178)
-
#22c7ba
#22c7ba
rgb(34,199,186)
-
#19d0c2
#19d0c2
rgb(25,208,194)
-
#10d9c9
#10d9c9
rgb(16,217,201)
-
#07e2d1
#07e2d1
rgb(7,226,209)
Color Blindness Simulator
Below, you can see how #22c7ba 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.