#22abbc Color Information
In a RGB color space, hex #22abbc is composed of 13.3% red, 67.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 9% magenta, 0% yellow and 26.3% black. It has a hue angle of 186.6 degrees, a saturation of 69.4% and a lightness of 43.5%. #22abbc color hex could be obtained by blending #44ffff with #005779. Closest websafe color is: #3399cc.
-
- R 13
- G 67
- B 74
-
- C 82
- M 9
- Y 0
- K 26
● #22abbc color description : Strong cyan.
#22abbc Color Conversion
The hexadecimal color #22abbc has RGB values of R:34, G:171, B:188 and CMYK values of C:0.82, M:0.09, Y:0, K:0.26. Its decimal value is 2272188.
Hex triplet | 22abbc | #22abbc |
---|---|---|
RGB Decimal | 34, 171, 188 | rgb(34,171,188) |
RGB Percent | 13.3, 67.1, 73.7 | rgb(13.3%,67.1%,73.7%) |
CMYK | 82, 9, 0, 26 | |
HSL | 186.6°, 69.4, 43.5 | hsl(186.6,69.4%,43.5%) |
HSV (or HSB) | 186.6°, 81.9, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.237, -28.522, -18.671 |
---|---|
XYZ | 24.297, 33.094, 52.681 |
xyY | 0.221, 0.301, 33.094 |
CIE-LCH | 64.237, 34.09, 213.209 |
CIE-LUV | 64.237, -45.641, -24.652 |
Hunter-Lab | 57.528, -25.283, -14.026 |
Binary | 00100010, 10101011, 10111100 |
Color Schemes with #22abbc
Alternatives to #22abbc
Below, you can see some colors close to #22abbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22abbc Preview
This text has a font color of #22abbc.
<span style="color:#22abbc;">Text here</span>
This paragraph has a background color of #22abbc.
<p style="background-color:#22abbc;">Content here</p>
This element has a border color of #22abbc.
<div style="border:1px solid #22abbc;">Content here</div>
.text {color:#22abbc;}
.background {background-color:#22abbc;}
.border {border:1px solid #22abbc;}
Shades and Tints of #22abbc
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, #010505 is the darkest color, while #f4fcfd is the lightest one.
-
#010505
#010505
rgb(1,5,5)
-
#041416
#041416
rgb(4,20,22)
-
#072326
#072326
rgb(7,35,38)
-
#0a3237
#0a3237
rgb(10,50,55)
-
#0d4148
#0d4148
rgb(13,65,72)
-
#105058
#105058
rgb(16,80,88)
-
#135f69
#135f69
rgb(19,95,105)
-
#166f7a
#166f7a
rgb(22,111,122)
-
#197e8a
#197e8a
rgb(25,126,138)
-
#1c8d9b
#1c8d9b
rgb(28,141,155)
-
#1f9cab
#1f9cab
rgb(31,156,171)
-
#22abbc
#22abbc
rgb(34,171,188)
-
#25bacd
#25bacd
rgb(37,186,205)
-
#2cc6d9
#2cc6d9
rgb(44,198,217)
-
#3dcadc
#3dcadc
rgb(61,202,220)
-
#4ecfdf
#4ecfdf
rgb(78,207,223)
-
#5ed3e2
#5ed3e2
rgb(94,211,226)
-
#6fd8e5
#6fd8e5
rgb(111,216,229)
-
#7fdce8
#7fdce8
rgb(127,220,232)
-
#90e1eb
#90e1eb
rgb(144,225,235)
-
#a1e5ee
#a1e5ee
rgb(161,229,238)
-
#b1eaf1
#b1eaf1
rgb(177,234,241)
-
#c2eef4
#c2eef4
rgb(194,238,244)
-
#d2f3f7
#d2f3f7
rgb(210,243,247)
-
#e3f7fa
#e3f7fa
rgb(227,247,250)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #22abbc
A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #08bfd6 is the most saturated one.
-
#6f6f6f
#6f6f6f
rgb(111,111,111)
-
#667678
#667678
rgb(102,118,120)
-
#5e7c80
#5e7c80
rgb(94,124,128)
-
#558389
#558389
rgb(85,131,137)
-
#4d8a91
#4d8a91
rgb(77,138,145)
-
#44909a
#44909a
rgb(68,144,154)
-
#3c97a2
#3c97a2
rgb(60,151,162)
-
#339eab
#339eab
rgb(51,158,171)
-
#2ba4b3
#2ba4b3
rgb(43,164,179)
-
#22abbc
#22abbc
rgb(34,171,188)
-
#19b2c5
#19b2c5
rgb(25,178,197)
-
#11b8cd
#11b8cd
rgb(17,184,205)
-
#08bfd6
#08bfd6
rgb(8,191,214)
Color Blindness Simulator
Below, you can see how #22abbc 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.