#22abb6 Color Information
In a RGB color space, hex #22abb6 is composed of 13.3% red, 67.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 6% magenta, 0% yellow and 28.6% black. It has a hue angle of 184.5 degrees, a saturation of 68.5% and a lightness of 42.4%. #22abb6 color hex could be obtained by blending #44ffff with #00576d. Closest websafe color is: #3399cc.
-
- R 13
- G 67
- B 71
-
- C 81
- M 6
- Y 0
- K 29
● #22abb6 color description : Strong cyan.
#22abb6 Color Conversion
The hexadecimal color #22abb6 has RGB values of R:34, G:171, B:182 and CMYK values of C:0.81, M:0.06, Y:0, K:0.29. Its decimal value is 2272182.
Hex triplet | 22abb6 | #22abb6 |
---|---|---|
RGB Decimal | 34, 171, 182 | rgb(34,171,182) |
RGB Percent | 13.3, 67.1, 71.4 | rgb(13.3%,67.1%,71.4%) |
CMYK | 81, 6, 0, 29 | |
HSL | 184.5°, 68.5, 42.4 | hsl(184.5,68.5%,42.4%) |
HSV (or HSB) | 184.5°, 81.3, 71.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.032, -30.419, -15.638 |
---|---|
XYZ | 23.664, 32.841, 49.345 |
xyY | 0.224, 0.31, 32.841 |
CIE-LCH | 64.032, 34.203, 207.206 |
CIE-LUV | 64.032, -46.079, -19.489 |
Hunter-Lab | 57.307, -26.58, -10.938 |
Binary | 00100010, 10101011, 10110110 |
Color Schemes with #22abb6
Alternatives to #22abb6
Below, you can see some colors close to #22abb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22abb6 Preview
This text has a font color of #22abb6.
<span style="color:#22abb6;">Text here</span>
This paragraph has a background color of #22abb6.
<p style="background-color:#22abb6;">Content here</p>
This element has a border color of #22abb6.
<div style="border:1px solid #22abb6;">Content here</div>
.text {color:#22abb6;}
.background {background-color:#22abb6;}
.border {border:1px solid #22abb6;}
Shades and Tints of #22abb6
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, #000000 is the darkest color, while #effbfc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#031011
#031011
rgb(3,16,17)
-
#061f21
#061f21
rgb(6,31,33)
-
#092f32
#092f32
rgb(9,47,50)
-
#0c3e42
#0c3e42
rgb(12,62,66)
-
#0f4e53
#0f4e53
rgb(15,78,83)
-
#135d63
#135d63
rgb(19,93,99)
-
#166d74
#166d74
rgb(22,109,116)
-
#197c84
#197c84
rgb(25,124,132)
-
#1c8c95
#1c8c95
rgb(28,140,149)
-
#1f9ba5
#1f9ba5
rgb(31,155,165)
-
#22abb6
#22abb6
rgb(34,171,182)
-
#25bbc7
#25bbc7
rgb(37,187,199)
-
#28cad7
#28cad7
rgb(40,202,215)
-
#39ceda
#39ceda
rgb(57,206,218)
-
#49d2dd
#49d2dd
rgb(73,210,221)
-
#5ad6e0
#5ad6e0
rgb(90,214,224)
-
#6adae3
#6adae3
rgb(106,218,227)
-
#7bdee6
#7bdee6
rgb(123,222,230)
-
#8ce2e9
#8ce2e9
rgb(140,226,233)
-
#9ce7ed
#9ce7ed
rgb(156,231,237)
-
#adebf0
#adebf0
rgb(173,235,240)
-
#bdeff3
#bdeff3
rgb(189,239,243)
-
#cef3f6
#cef3f6
rgb(206,243,246)
-
#def7f9
#def7f9
rgb(222,247,249)
-
#effbfc
#effbfc
rgb(239,251,252)
Tones of #22abb6
A tone is produced by adding gray to any pure hue. In this case, #647274 is the less saturated color, while #01c7d7 is the most saturated one.
-
#647274
#647274
rgb(100,114,116)
-
#5c797c
#5c797c
rgb(92,121,124)
-
#548184
#548184
rgb(84,129,132)
-
#4c888c
#4c888c
rgb(76,136,140)
-
#438f95
#438f95
rgb(67,143,149)
-
#3b969d
#3b969d
rgb(59,150,157)
-
#339da5
#339da5
rgb(51,157,165)
-
#2aa4ae
#2aa4ae
rgb(42,164,174)
-
#22abb6
#22abb6
rgb(34,171,182)
-
#1ab2be
#1ab2be
rgb(26,178,190)
-
#11b9c7
#11b9c7
rgb(17,185,199)
-
#09c0cf
#09c0cf
rgb(9,192,207)
-
#01c7d7
#01c7d7
rgb(1,199,215)
Color Blindness Simulator
Below, you can see how #22abb6 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.