#22b6ef Color Information
In a RGB color space, hex #22b6ef is composed of 13.3% red, 71.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 23.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 196.7 degrees, a saturation of 86.5% and a lightness of 53.5%. #22b6ef color hex could be obtained by blending #44ffff with #006ddf. Closest websafe color is: #33ccff.
-
- R 13
- G 71
- B 94
-
- C 86
- M 24
- Y 0
- K 6
● #22b6ef color description : Vivid blue.
#22b6ef Color Conversion
The hexadecimal color #22b6ef has RGB values of R:34, G:182, B:239 and CMYK values of C:0.86, M:0.24, Y:0, K:0.06. Its decimal value is 2275055.
Hex triplet | 22b6ef | #22b6ef |
---|---|---|
RGB Decimal | 34, 182, 239 | rgb(34,182,239) |
RGB Percent | 13.3, 71.4, 93.7 | rgb(13.3%,71.4%,93.7%) |
CMYK | 86, 24, 0, 6 | |
HSL | 196.7°, 86.5, 53.5 | hsl(196.7,86.5%,53.5%) |
HSV (or HSB) | 196.7°, 85.8, 93.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.487, -17.187, -38.654 |
---|---|
XYZ | 32.964, 40.025, 87.645 |
xyY | 0.205, 0.249, 40.025 |
CIE-LCH | 69.487, 42.302, 246.028 |
CIE-LUV | 69.487, -45.822, -60.002 |
Hunter-Lab | 63.265, -17.709, -37.852 |
Binary | 00100010, 10110110, 11101111 |
Color Schemes with #22b6ef
Alternatives to #22b6ef
Below, you can see some colors close to #22b6ef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b6ef Preview
This text has a font color of #22b6ef.
<span style="color:#22b6ef;">Text here</span>
This paragraph has a background color of #22b6ef.
<p style="background-color:#22b6ef;">Content here</p>
This element has a border color of #22b6ef.
<div style="border:1px solid #22b6ef;">Content here</div>
.text {color:#22b6ef;}
.background {background-color:#22b6ef;}
.border {border:1px solid #22b6ef;}
Shades and Tints of #22b6ef
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, #010c11 is the darkest color, while #fdffff is the lightest one.
-
#010c11
#010c11
rgb(1,12,17)
-
#031a23
#031a23
rgb(3,26,35)
-
#042835
#042835
rgb(4,40,53)
-
#053548
#053548
rgb(5,53,72)
-
#07435a
#07435a
rgb(7,67,90)
-
#08506c
#08506c
rgb(8,80,108)
-
#095e7f
#095e7f
rgb(9,94,127)
-
#0a6b91
#0a6b91
rgb(10,107,145)
-
#0c79a3
#0c79a3
rgb(12,121,163)
-
#0d87b5
#0d87b5
rgb(13,135,181)
-
#0e94c8
#0e94c8
rgb(14,148,200)
-
#10a2da
#10a2da
rgb(16,162,218)
-
#11afec
#11afec
rgb(17,175,236)
-
#22b6ef
#22b6ef
rgb(34,182,239)
-
#34bcf0
#34bcf0
rgb(52,188,240)
-
#47c2f2
#47c2f2
rgb(71,194,242)
-
#59c8f3
#59c8f3
rgb(89,200,243)
-
#6bcef4
#6bcef4
rgb(107,206,244)
-
#7dd4f6
#7dd4f6
rgb(125,212,246)
-
#90daf7
#90daf7
rgb(144,218,247)
-
#a2e0f8
#a2e0f8
rgb(162,224,248)
-
#b4e6fa
#b4e6fa
rgb(180,230,250)
-
#c7ecfb
#c7ecfb
rgb(199,236,251)
-
#d9f2fc
#d9f2fc
rgb(217,242,252)
-
#ebf8fe
#ebf8fe
rgb(235,248,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #22b6ef
A tone is produced by adding gray to any pure hue. In this case, #86898b is the less saturated color, while #19baf8 is the most saturated one.
-
#86898b
#86898b
rgb(134,137,139)
-
#7d8e94
#7d8e94
rgb(125,142,148)
-
#74929d
#74929d
rgb(116,146,157)
-
#6b96a6
#6b96a6
rgb(107,150,166)
-
#629aaf
#629aaf
rgb(98,154,175)
-
#599eb8
#599eb8
rgb(89,158,184)
-
#50a2c1
#50a2c1
rgb(80,162,193)
-
#46a6cb
#46a6cb
rgb(70,166,203)
-
#3daad4
#3daad4
rgb(61,170,212)
-
#34aedd
#34aedd
rgb(52,174,221)
-
#2bb2e6
#2bb2e6
rgb(43,178,230)
-
#22b6ef
#22b6ef
rgb(34,182,239)
-
#19baf8
#19baf8
rgb(25,186,248)
Color Blindness Simulator
Below, you can see how #22b6ef 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.