#22c6bd Color Information
In a RGB color space, hex #22c6bd is composed of 13.3% red, 77.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 0% magenta, 4.5% yellow and 22.4% black. It has a hue angle of 176.7 degrees, a saturation of 70.7% and a lightness of 45.5%. #22c6bd color hex could be obtained by blending #44ffff with #008d7b. Closest websafe color is: #33cccc.
-
- R 13
- G 78
- B 74
-
- C 83
- M 0
- Y 5
- K 22
● #22c6bd color description : Strong cyan.
#22c6bd Color Conversion
The hexadecimal color #22c6bd has RGB values of R:34, G:198, B:189 and CMYK values of C:0.83, M:0, Y:0.05, K:0.22. Its decimal value is 2279101.
Hex triplet | 22c6bd | #22c6bd |
---|---|---|
RGB Decimal | 34, 198, 189 | rgb(34,198,189) |
RGB Percent | 13.3, 77.6, 74.1 | rgb(13.3%,77.6%,74.1%) |
CMYK | 83, 0, 5, 22 | |
HSL | 176.7°, 70.7, 45.5 | hsl(176.7,70.7%,45.5%) |
HSV (or HSB) | 176.7°, 82.8, 77.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.495, -40.873, -6.828 |
---|---|
XYZ | 30.036, 44.399, 55.128 |
xyY | 0.232, 0.343, 44.399 |
CIE-LCH | 72.495, 41.44, 189.484 |
CIE-LUV | 72.495, -55.006, -4.197 |
Hunter-Lab | 66.633, -36.145, -2.41 |
Binary | 00100010, 11000110, 10111101 |
Color Schemes with #22c6bd
Alternatives to #22c6bd
Below, you can see some colors close to #22c6bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c6bd Preview
This text has a font color of #22c6bd.
<span style="color:#22c6bd;">Text here</span>
This paragraph has a background color of #22c6bd.
<p style="background-color:#22c6bd;">Content here</p>
This element has a border color of #22c6bd.
<div style="border:1px solid #22c6bd;">Content here</div>
.text {color:#22c6bd;}
.background {background-color:#22c6bd;}
.border {border:1px solid #22c6bd;}
Shades and Tints of #22c6bd
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, #020e0d is the darkest color, while #fcfffe is the lightest one.
-
#020e0d
#020e0d
rgb(2,14,13)
-
#051f1d
#051f1d
rgb(5,31,29)
-
#082f2d
#082f2d
rgb(8,47,45)
-
#0b403d
#0b403d
rgb(11,64,61)
-
#0e514d
#0e514d
rgb(14,81,77)
-
#11625d
#11625d
rgb(17,98,93)
-
#14726d
#14726d
rgb(20,114,109)
-
#17837d
#17837d
rgb(23,131,125)
-
#19948d
#19948d
rgb(25,148,141)
-
#1ca59d
#1ca59d
rgb(28,165,157)
-
#1fb5ad
#1fb5ad
rgb(31,181,173)
-
#22c6bd
#22c6bd
rgb(34,198,189)
-
#25d7cd
#25d7cd
rgb(37,215,205)
-
#33dcd3
#33dcd3
rgb(51,220,211)
-
#44dfd6
#44dfd6
rgb(68,223,214)
-
#55e2da
#55e2da
rgb(85,226,218)
-
#65e5de
#65e5de
rgb(101,229,222)
-
#76e8e1
#76e8e1
rgb(118,232,225)
-
#87eae5
#87eae5
rgb(135,234,229)
-
#98ede9
#98ede9
rgb(152,237,233)
-
#a8f0ec
#a8f0ec
rgb(168,240,236)
-
#b9f3f0
#b9f3f0
rgb(185,243,240)
-
#caf6f3
#caf6f3
rgb(202,246,243)
-
#dbf9f7
#dbf9f7
rgb(219,249,247)
-
#ebfcfb
#ebfcfb
rgb(235,252,251)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #22c6bd
A tone is produced by adding gray to any pure hue. In this case, #727676 is the less saturated color, while #07e1d5 is the most saturated one.
-
#727676
#727676
rgb(114,118,118)
-
#697f7d
#697f7d
rgb(105,127,125)
-
#608885
#608885
rgb(96,136,133)
-
#58908d
#58908d
rgb(88,144,141)
-
#4f9995
#4f9995
rgb(79,153,149)
-
#46a29d
#46a29d
rgb(70,162,157)
-
#3daba5
#3daba5
rgb(61,171,165)
-
#34b4ad
#34b4ad
rgb(52,180,173)
-
#2bbdb5
#2bbdb5
rgb(43,189,181)
-
#22c6bd
#22c6bd
rgb(34,198,189)
-
#19cfc5
#19cfc5
rgb(25,207,197)
-
#10d8cd
#10d8cd
rgb(16,216,205)
-
#07e1d5
#07e1d5
rgb(7,225,213)
Color Blindness Simulator
Below, you can see how #22c6bd 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.