#22c5e5 Color Information
In a RGB color space, hex #22c5e5 is composed of 13.3% red, 77.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 14% magenta, 0% yellow and 10.2% black. It has a hue angle of 189.8 degrees, a saturation of 78.9% and a lightness of 51.6%. #22c5e5 color hex could be obtained by blending #44ffff with #008bcb. Closest websafe color is: #33cccc.
-
- R 13
- G 77
- B 90
-
- C 85
- M 14
- Y 0
- K 10
● #22c5e5 color description : Vivid cyan.
#22c5e5 Color Conversion
The hexadecimal color #22c5e5 has RGB values of R:34, G:197, B:229 and CMYK values of C:0.85, M:0.14, Y:0, K:0.1. Its decimal value is 2278885.
Hex triplet | 22c5e5 | #22c5e5 |
---|---|---|
RGB Decimal | 34, 197, 229 | rgb(34,197,229) |
RGB Percent | 13.3, 77.3, 89.8 | rgb(13.3%,77.3%,89.8%) |
CMYK | 85, 14, 0, 10 | |
HSL | 189.8°, 78.9, 51.6 | hsl(189.8,78.9%,51.6%) |
HSV (or HSB) | 189.8°, 85.2, 89.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 73.498, -28.188, -27.03 |
---|---|
XYZ | 34.765, 45.926, 81.157 |
xyY | 0.215, 0.284, 45.926 |
CIE-LCH | 73.498, 39.054, 223.798 |
CIE-LUV | 73.498, -51.647, -39.128 |
Hunter-Lab | 67.769, -27.027, -23.565 |
Binary | 00100010, 11000101, 11100101 |
Color Schemes with #22c5e5
Alternatives to #22c5e5
Below, you can see some colors close to #22c5e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c5e5 Preview
This text has a font color of #22c5e5.
<span style="color:#22c5e5;">Text here</span>
This paragraph has a background color of #22c5e5.
<p style="background-color:#22c5e5;">Content here</p>
This element has a border color of #22c5e5.
<div style="border:1px solid #22c5e5;">Content here</div>
.text {color:#22c5e5;}
.background {background-color:#22c5e5;}
.border {border:1px solid #22c5e5;}
Shades and Tints of #22c5e5
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, #010607 is the darkest color, while #f5fcfe is the lightest one.
-
#010607
#010607
rgb(1,6,7)
-
#031519
#031519
rgb(3,21,25)
-
#05242a
#05242a
rgb(5,36,42)
-
#07333c
#07333c
rgb(7,51,60)
-
#09424d
#09424d
rgb(9,66,77)
-
#0b515f
#0b515f
rgb(11,81,95)
-
#0d6070
#0d6070
rgb(13,96,112)
-
#0f6f82
#0f6f82
rgb(15,111,130)
-
#117e94
#117e94
rgb(17,126,148)
-
#138da5
#138da5
rgb(19,141,165)
-
#159cb7
#159cb7
rgb(21,156,183)
-
#18abc8
#18abc8
rgb(24,171,200)
-
#1abada
#1abada
rgb(26,186,218)
-
#22c5e5
#22c5e5
rgb(34,197,229)
-
#34cae7
#34cae7
rgb(52,202,231)
-
#45cee9
#45cee9
rgb(69,206,233)
-
#57d3eb
#57d3eb
rgb(87,211,235)
-
#68d7ed
#68d7ed
rgb(104,215,237)
-
#7adcef
#7adcef
rgb(122,220,239)
-
#8be1f1
#8be1f1
rgb(139,225,241)
-
#9de5f3
#9de5f3
rgb(157,229,243)
-
#aeeaf6
#aeeaf6
rgb(174,234,246)
-
#c0eef8
#c0eef8
rgb(192,238,248)
-
#d2f3fa
#d2f3fa
rgb(210,243,250)
-
#e3f8fc
#e3f8fc
rgb(227,248,252)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #22c5e5
A tone is produced by adding gray to any pure hue. In this case, #818586 is the less saturated color, while #0fd2f8 is the most saturated one.
-
#818586
#818586
rgb(129,133,134)
-
#788c90
#788c90
rgb(120,140,144)
-
#6e9299
#6e9299
rgb(110,146,153)
-
#6598a3
#6598a3
rgb(101,152,163)
-
#5b9fac
#5b9fac
rgb(91,159,172)
-
#52a5b6
#52a5b6
rgb(82,165,182)
-
#48abbf
#48abbf
rgb(72,171,191)
-
#3fb2c9
#3fb2c9
rgb(63,178,201)
-
#35b8d2
#35b8d2
rgb(53,184,210)
-
#2cbfdc
#2cbfdc
rgb(44,191,220)
-
#22c5e5
#22c5e5
rgb(34,197,229)
-
#19cbef
#19cbef
rgb(25,203,239)
-
#0fd2f8
#0fd2f8
rgb(15,210,248)
Color Blindness Simulator
Below, you can see how #22c5e5 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.