#22c5aa Color Information
In a RGB color space, hex #22c5aa is composed of 13.3% red, 77.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 13.7% yellow and 22.7% black. It has a hue angle of 170.1 degrees, a saturation of 70.6% and a lightness of 45.3%. #22c5aa color hex could be obtained by blending #44ffff with #008b55. Closest websafe color is: #33cc99.
-
- R 13
- G 77
- B 67
-
- C 83
- M 0
- Y 14
- K 23
● #22c5aa color description : Strong cyan.
#22c5aa Color Conversion
The hexadecimal color #22c5aa has RGB values of R:34, G:197, B:170 and CMYK values of C:0.83, M:0, Y:0.14, K:0.23. Its decimal value is 2278826.
Hex triplet | 22c5aa | #22c5aa |
---|---|---|
RGB Decimal | 34, 197, 170 | rgb(34,197,170) |
RGB Percent | 13.3, 77.3, 66.7 | rgb(13.3%,77.3%,66.7%) |
CMYK | 83, 0, 14, 23 | |
HSL | 170.1°, 70.6, 45.3 | hsl(170.1,70.6%,45.3%) |
HSV (or HSB) | 170.1°, 82.7, 77.3 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 71.672, -45.682, 2.302 |
---|---|
XYZ | 27.879, 43.172, 44.892 |
xyY | 0.24, 0.372, 43.172 |
CIE-LCH | 71.672, 45.74, 177.115 |
CIE-LUV | 71.672, -56.079, 10.504 |
Hunter-Lab | 65.705, -39.246, 5.485 |
Binary | 00100010, 11000101, 10101010 |
Color Schemes with #22c5aa
Alternatives to #22c5aa
Below, you can see some colors close to #22c5aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c5aa Preview
This text has a font color of #22c5aa.
<span style="color:#22c5aa;">Text here</span>
This paragraph has a background color of #22c5aa.
<p style="background-color:#22c5aa;">Content here</p>
This element has a border color of #22c5aa.
<div style="border:1px solid #22c5aa;">Content here</div>
.text {color:#22c5aa;}
.background {background-color:#22c5aa;}
.border {border:1px solid #22c5aa;}
Shades and Tints of #22c5aa
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, #020d0b is the darkest color, while #fbfefe is the lightest one.
-
#020d0b
#020d0b
rgb(2,13,11)
-
#051e1a
#051e1a
rgb(5,30,26)
-
#082e28
#082e28
rgb(8,46,40)
-
#0b3f37
#0b3f37
rgb(11,63,55)
-
#0e5045
#0e5045
rgb(14,80,69)
-
#116153
#116153
rgb(17,97,83)
-
#147162
#147162
rgb(20,113,98)
-
#168270
#168270
rgb(22,130,112)
-
#19937f
#19937f
rgb(25,147,127)
-
#1ca48d
#1ca48d
rgb(28,164,141)
-
#1fb49c
#1fb49c
rgb(31,180,156)
-
#22c5aa
#22c5aa
rgb(34,197,170)
-
#25d6b8
#25d6b8
rgb(37,214,184)
-
#33dcc0
#33dcc0
rgb(51,220,192)
-
#43dfc5
#43dfc5
rgb(67,223,197)
-
#54e1ca
#54e1ca
rgb(84,225,202)
-
#65e4cf
#65e4cf
rgb(101,228,207)
-
#75e7d4
#75e7d4
rgb(117,231,212)
-
#86eada
#86eada
rgb(134,234,218)
-
#97eddf
#97eddf
rgb(151,237,223)
-
#a8f0e4
#a8f0e4
rgb(168,240,228)
-
#b8f3e9
#b8f3e9
rgb(184,243,233)
-
#c9f6ee
#c9f6ee
rgb(201,246,238)
-
#daf9f3
#daf9f3
rgb(218,249,243)
-
#ebfbf9
#ebfbf9
rgb(235,251,249)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #22c5aa
A tone is produced by adding gray to any pure hue. In this case, #727575 is the less saturated color, while #07e0bc is the most saturated one.
-
#727575
#727575
rgb(114,117,117)
-
#697e7a
#697e7a
rgb(105,126,122)
-
#608780
#608780
rgb(96,135,128)
-
#579086
#579086
rgb(87,144,134)
-
#4e998c
#4e998c
rgb(78,153,140)
-
#46a192
#46a192
rgb(70,161,146)
-
#3daa98
#3daa98
rgb(61,170,152)
-
#34b39e
#34b39e
rgb(52,179,158)
-
#2bbca4
#2bbca4
rgb(43,188,164)
-
#22c5aa
#22c5aa
rgb(34,197,170)
-
#19ceb0
#19ceb0
rgb(25,206,176)
-
#10d7b6
#10d7b6
rgb(16,215,182)
-
#07e0bc
#07e0bc
rgb(7,224,188)
Color Blindness Simulator
Below, you can see how #22c5aa 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.