#22c2eb Color Information
In a RGB color space, hex #22c2eb is composed of 13.3% red, 76.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 17.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 192.2 degrees, a saturation of 83.4% and a lightness of 52.7%. #22c2eb color hex could be obtained by blending #44ffff with #0085d7. Closest websafe color is: #33ccff.
-
- R 13
- G 76
- B 92
-
- C 86
- M 17
- Y 0
- K 8
● #22c2eb color description : Vivid cyan.
#22c2eb Color Conversion
The hexadecimal color #22c2eb has RGB values of R:34, G:194, B:235 and CMYK values of C:0.86, M:0.17, Y:0, K:0.08. Its decimal value is 2278123.
Hex triplet | 22c2eb | #22c2eb |
---|---|---|
RGB Decimal | 34, 194, 235 | rgb(34,194,235) |
RGB Percent | 13.3, 76.1, 92.2 | rgb(13.3%,76.1%,92.2%) |
CMYK | 86, 17, 0, 8 | |
HSL | 192.2°, 83.4, 52.7 | hsl(192.2,83.4%,52.7%) |
HSV (or HSB) | 192.2°, 85.5, 92.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 72.838, -24.736, -31.289 |
---|---|
XYZ | 34.943, 44.918, 85.421 |
xyY | 0.211, 0.272, 44.918 |
CIE-LCH | 72.838, 39.886, 231.671 |
CIE-LUV | 72.838, -50.182, -46.777 |
Hunter-Lab | 67.021, -24.223, -28.653 |
Binary | 00100010, 11000010, 11101011 |
Color Schemes with #22c2eb
Alternatives to #22c2eb
Below, you can see some colors close to #22c2eb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c2eb Preview
This text has a font color of #22c2eb.
<span style="color:#22c2eb;">Text here</span>
This paragraph has a background color of #22c2eb.
<p style="background-color:#22c2eb;">Content here</p>
This element has a border color of #22c2eb.
<div style="border:1px solid #22c2eb;">Content here</div>
.text {color:#22c2eb;}
.background {background-color:#22c2eb;}
.border {border:1px solid #22c2eb;}
Shades and Tints of #22c2eb
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, #010a0d is the darkest color, while #fafeff is the lightest one.
-
#010a0d
#010a0d
rgb(1,10,13)
-
#03191f
#03191f
rgb(3,25,31)
-
#042831
#042831
rgb(4,40,49)
-
#063643
#063643
rgb(6,54,67)
-
#084555
#084555
rgb(8,69,85)
-
#095467
#095467
rgb(9,84,103)
-
#0b6279
#0b6279
rgb(11,98,121)
-
#0d718b
#0d718b
rgb(13,113,139)
-
#0e809d
#0e809d
rgb(14,128,157)
-
#108eaf
#108eaf
rgb(16,142,175)
-
#119dc1
#119dc1
rgb(17,157,193)
-
#13acd3
#13acd3
rgb(19,172,211)
-
#15bae5
#15bae5
rgb(21,186,229)
-
#22c2eb
#22c2eb
rgb(34,194,235)
-
#34c7ed
#34c7ed
rgb(52,199,237)
-
#46ccee
#46ccee
rgb(70,204,238)
-
#58d1f0
#58d1f0
rgb(88,209,240)
-
#6ad6f2
#6ad6f2
rgb(106,214,242)
-
#7cdbf3
#7cdbf3
rgb(124,219,243)
-
#8ee0f5
#8ee0f5
rgb(142,224,245)
-
#a0e5f6
#a0e5f6
rgb(160,229,246)
-
#b2eaf8
#b2eaf8
rgb(178,234,248)
-
#c4effa
#c4effa
rgb(196,239,250)
-
#d6f4fb
#d6f4fb
rgb(214,244,251)
-
#e8f9fd
#e8f9fd
rgb(232,249,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #22c2eb
A tone is produced by adding gray to any pure hue. In this case, #7f8b8e is the less saturated color, while #0fcdfe is the most saturated one.
-
#7f8b8e
#7f8b8e
rgb(127,139,142)
-
#759198
#759198
rgb(117,145,152)
-
#6c96a1
#6c96a1
rgb(108,150,161)
-
#639caa
#639caa
rgb(99,156,170)
-
#5aa1b3
#5aa1b3
rgb(90,161,179)
-
#50a7bd
#50a7bd
rgb(80,167,189)
-
#47acc6
#47acc6
rgb(71,172,198)
-
#3eb2cf
#3eb2cf
rgb(62,178,207)
-
#35b7d8
#35b7d8
rgb(53,183,216)
-
#2bbde2
#2bbde2
rgb(43,189,226)
-
#22c2eb
#22c2eb
rgb(34,194,235)
-
#19c7f4
#19c7f4
rgb(25,199,244)
-
#0fcdfe
#0fcdfe
rgb(15,205,254)
Color Blindness Simulator
Below, you can see how #22c2eb 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.