#22abec Color Information
In a RGB color space, hex #22abec is composed of 13.3% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 199.3 degrees, a saturation of 84.2% and a lightness of 52.9%. #22abec color hex could be obtained by blending #44ffff with #0057d9. Closest websafe color is: #3399ff.
-
- R 13
- G 67
- B 93
-
- C 86
- M 28
- Y 0
- K 7
● #22abec color description : Vivid blue.
#22abec Color Conversion
The hexadecimal color #22abec has RGB values of R:34, G:171, B:236 and CMYK values of C:0.86, M:0.28, Y:0, K:0.07. Its decimal value is 2272236.
Hex triplet | 22abec | #22abec |
---|---|---|
RGB Decimal | 34, 171, 236 | rgb(34,171,236) |
RGB Percent | 13.3, 67.1, 92.5 | rgb(13.3%,67.1%,92.5%) |
CMYK | 86, 28, 0, 7 | |
HSL | 199.3°, 84.2, 52.9 | hsl(199.3,84.2%,52.9%) |
HSV (or HSB) | 199.3°, 85.6, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.151, -12.313, -42.232 |
---|---|
XYZ | 30.359, 35.519, 84.608 |
xyY | 0.202, 0.236, 35.519 |
CIE-LCH | 66.151, 43.99, 253.745 |
CIE-LUV | 66.151, -42.308, -66.257 |
Hunter-Lab | 59.598, -13.369, -42.452 |
Binary | 00100010, 10101011, 11101100 |
Color Schemes with #22abec
Alternatives to #22abec
Below, you can see some colors close to #22abec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22abec Preview
This text has a font color of #22abec.
<span style="color:#22abec;">Text here</span>
This paragraph has a background color of #22abec.
<p style="background-color:#22abec;">Content here</p>
This element has a border color of #22abec.
<div style="border:1px solid #22abec;">Content here</div>
.text {color:#22abec;}
.background {background-color:#22abec;}
.border {border:1px solid #22abec;}
Shades and Tints of #22abec
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, #010a0e is the darkest color, while #fbfdff is the lightest one.
-
#010a0e
#010a0e
rgb(1,10,14)
-
#031720
#031720
rgb(3,23,32)
-
#042332
#042332
rgb(4,35,50)
-
#063044
#063044
rgb(6,48,68)
-
#073d56
#073d56
rgb(7,61,86)
-
#094a68
#094a68
rgb(9,74,104)
-
#0b567a
#0b567a
rgb(11,86,122)
-
#0c638c
#0c638c
rgb(12,99,140)
-
#0e709e
#0e709e
rgb(14,112,158)
-
#0f7db0
#0f7db0
rgb(15,125,176)
-
#1189c2
#1189c2
rgb(17,137,194)
-
#1296d5
#1296d5
rgb(18,150,213)
-
#14a3e7
#14a3e7
rgb(20,163,231)
-
#22abec
#22abec
rgb(34,171,236)
-
#34b2ee
#34b2ee
rgb(52,178,238)
-
#46b9ef
#46b9ef
rgb(70,185,239)
-
#58c0f1
#58c0f1
rgb(88,192,241)
-
#6ac6f2
#6ac6f2
rgb(106,198,242)
-
#7ccdf4
#7ccdf4
rgb(124,205,244)
-
#8ed4f5
#8ed4f5
rgb(142,212,245)
-
#a0dbf7
#a0dbf7
rgb(160,219,247)
-
#b3e2f8
#b3e2f8
rgb(179,226,248)
-
#c5e9fa
#c5e9fa
rgb(197,233,250)
-
#d7f0fc
#d7f0fc
rgb(215,240,252)
-
#e9f7fd
#e9f7fd
rgb(233,247,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #22abec
A tone is produced by adding gray to any pure hue. In this case, #7e8a90 is the less saturated color, while #10b2fe is the most saturated one.
-
#7e8a90
#7e8a90
rgb(126,138,144)
-
#758d99
#758d99
rgb(117,141,153)
-
#6c91a2
#6c91a2
rgb(108,145,162)
-
#6394ab
#6394ab
rgb(99,148,171)
-
#5997b5
#5997b5
rgb(89,151,181)
-
#509bbe
#509bbe
rgb(80,155,190)
-
#479ec7
#479ec7
rgb(71,158,199)
-
#3ea1d0
#3ea1d0
rgb(62,161,208)
-
#34a4da
#34a4da
rgb(52,164,218)
-
#2ba8e3
#2ba8e3
rgb(43,168,227)
-
#22abec
#22abec
rgb(34,171,236)
-
#19aef5
#19aef5
rgb(25,174,245)
-
#10b2fe
#10b2fe
rgb(16,178,254)
Color Blindness Simulator
Below, you can see how #22abec 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.