#22c2aa Color Information
In a RGB color space, hex #22c2aa is composed of 13.3% red, 76.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 12.4% yellow and 23.9% black. It has a hue angle of 171 degrees, a saturation of 70.2% and a lightness of 44.7%. #22c2aa color hex could be obtained by blending #44ffff with #008555. Closest websafe color is: #33cc99.
-
- R 13
- G 76
- B 67
-
- C 82
- M 0
- Y 12
- K 24
● #22c2aa color description : Strong cyan.
#22c2aa Color Conversion
The hexadecimal color #22c2aa has RGB values of R:34, G:194, B:170 and CMYK values of C:0.82, M:0, Y:0.12, K:0.24. Its decimal value is 2278058.
Hex triplet | 22c2aa | #22c2aa |
---|---|---|
RGB Decimal | 34, 194, 170 | rgb(34,194,170) |
RGB Percent | 13.3, 76.1, 66.7 | rgb(13.3%,76.1%,66.7%) |
CMYK | 82, 0, 12, 24 | |
HSL | 171°, 70.2, 44.7 | hsl(171,70.2%,44.7%) |
HSV (or HSB) | 171°, 82.5, 76.1 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 70.749, -44.405, 0.96 |
---|---|
XYZ | 27.205, 41.823, 44.667 |
xyY | 0.239, 0.368, 41.823 |
CIE-LCH | 70.749, 44.416, 178.761 |
CIE-LUV | 70.749, -55.039, 8.282 |
Hunter-Lab | 64.671, -38.086, 4.319 |
Binary | 00100010, 11000010, 10101010 |
Color Schemes with #22c2aa
Alternatives to #22c2aa
Below, you can see some colors close to #22c2aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c2aa Preview
This text has a font color of #22c2aa.
<span style="color:#22c2aa;">Text here</span>
This paragraph has a background color of #22c2aa.
<p style="background-color:#22c2aa;">Content here</p>
This element has a border color of #22c2aa.
<div style="border:1px solid #22c2aa;">Content here</div>
.text {color:#22c2aa;}
.background {background-color:#22c2aa;}
.border {border:1px solid #22c2aa;}
Shades and Tints of #22c2aa
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, #020a09 is the darkest color, while #f9fefd is the lightest one.
-
#020a09
#020a09
rgb(2,10,9)
-
#051b18
#051b18
rgb(5,27,24)
-
#082c26
#082c26
rgb(8,44,38)
-
#0b3c35
#0b3c35
rgb(11,60,53)
-
#0e4d44
#0e4d44
rgb(14,77,68)
-
#105e52
#105e52
rgb(16,94,82)
-
#136f61
#136f61
rgb(19,111,97)
-
#167f6f
#167f6f
rgb(22,127,111)
-
#19907e
#19907e
rgb(25,144,126)
-
#1ca18d
#1ca18d
rgb(28,161,141)
-
#1fb19b
#1fb19b
rgb(31,177,155)
-
#22c2aa
#22c2aa
rgb(34,194,170)
-
#25d3b9
#25d3b9
rgb(37,211,185)
-
#30dbc1
#30dbc1
rgb(48,219,193)
-
#41dec6
#41dec6
rgb(65,222,198)
-
#52e1cb
#52e1cb
rgb(82,225,203)
-
#63e4d0
#63e4d0
rgb(99,228,208)
-
#73e6d5
#73e6d5
rgb(115,230,213)
-
#84e9da
#84e9da
rgb(132,233,218)
-
#95ecdf
#95ecdf
rgb(149,236,223)
-
#a5efe4
#a5efe4
rgb(165,239,228)
-
#b6f2e9
#b6f2e9
rgb(182,242,233)
-
#c7f5ee
#c7f5ee
rgb(199,245,238)
-
#d7f8f3
#d7f8f3
rgb(215,248,243)
-
#e8fbf8
#e8fbf8
rgb(232,251,248)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22c2aa
A tone is produced by adding gray to any pure hue. In this case, #717373 is the less saturated color, while #08dcbc is the most saturated one.
-
#717373
#717373
rgb(113,115,115)
-
#687c79
#687c79
rgb(104,124,121)
-
#5f857f
#5f857f
rgb(95,133,127)
-
#578d85
#578d85
rgb(87,141,133)
-
#4e968b
#4e968b
rgb(78,150,139)
-
#459f91
#459f91
rgb(69,159,145)
-
#3ca898
#3ca898
rgb(60,168,152)
-
#34b09e
#34b09e
rgb(52,176,158)
-
#2bb9a4
#2bb9a4
rgb(43,185,164)
-
#22c2aa
#22c2aa
rgb(34,194,170)
-
#19cbb0
#19cbb0
rgb(25,203,176)
-
#10d4b6
#10d4b6
rgb(16,212,182)
-
#08dcbc
#08dcbc
rgb(8,220,188)
Color Blindness Simulator
Below, you can see how #22c2aa 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.