#22c4e5 Color Information
In a RGB color space, hex #22c4e5 is composed of 13.3% red, 76.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 14.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 190.2 degrees, a saturation of 78.9% and a lightness of 51.6%. #22c4e5 color hex could be obtained by blending #44ffff with #0089cb. Closest websafe color is: #33cccc.
-
- R 13
- G 77
- B 90
-
- C 85
- M 14
- Y 0
- K 10
● #22c4e5 color description : Vivid cyan.
#22c4e5 Color Conversion
The hexadecimal color #22c4e5 has RGB values of R:34, G:196, B:229 and CMYK values of C:0.85, M:0.14, Y:0, K:0.1. Its decimal value is 2278629.
Hex triplet | 22c4e5 | #22c4e5 |
---|---|---|
RGB Decimal | 34, 196, 229 | rgb(34,196,229) |
RGB Percent | 13.3, 76.9, 89.8 | rgb(13.3%,76.9%,89.8%) |
CMYK | 85, 14, 0, 10 | |
HSL | 190.2°, 78.9, 51.6 | hsl(190.2,78.9%,51.6%) |
HSV (or HSB) | 190.2°, 85.2, 89.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 73.203, -27.694, -27.482 |
---|---|
XYZ | 34.539, 45.474, 81.081 |
xyY | 0.214, 0.282, 45.474 |
CIE-LCH | 73.203, 39.016, 224.78 |
CIE-LUV | 73.203, -51.305, -39.941 |
Hunter-Lab | 67.434, -26.586, -24.085 |
Binary | 00100010, 11000100, 11100101 |
Color Schemes with #22c4e5
Alternatives to #22c4e5
Below, you can see some colors close to #22c4e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c4e5 Preview
This text has a font color of #22c4e5.
<span style="color:#22c4e5;">Text here</span>
This paragraph has a background color of #22c4e5.
<p style="background-color:#22c4e5;">Content here</p>
This element has a border color of #22c4e5.
<div style="border:1px solid #22c4e5;">Content here</div>
.text {color:#22c4e5;}
.background {background-color:#22c4e5;}
.border {border:1px solid #22c4e5;}
Shades and Tints of #22c4e5
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)
-
#138ca5
#138ca5
rgb(19,140,165)
-
#159bb7
#159bb7
rgb(21,155,183)
-
#18aac8
#18aac8
rgb(24,170,200)
-
#1ab9da
#1ab9da
rgb(26,185,218)
-
#22c4e5
#22c4e5
rgb(34,196,229)
-
#34c9e7
#34c9e7
rgb(52,201,231)
-
#45cde9
#45cde9
rgb(69,205,233)
-
#57d2eb
#57d2eb
rgb(87,210,235)
-
#68d7ed
#68d7ed
rgb(104,215,237)
-
#7adbef
#7adbef
rgb(122,219,239)
-
#8be0f1
#8be0f1
rgb(139,224,241)
-
#9de5f3
#9de5f3
rgb(157,229,243)
-
#aee9f6
#aee9f6
rgb(174,233,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 #22c4e5
A tone is produced by adding gray to any pure hue. In this case, #818586 is the less saturated color, while #0fd1f8 is the most saturated one.
-
#818586
#818586
rgb(129,133,134)
-
#788b90
#788b90
rgb(120,139,144)
-
#6e9299
#6e9299
rgb(110,146,153)
-
#6598a3
#6598a3
rgb(101,152,163)
-
#5b9eac
#5b9eac
rgb(91,158,172)
-
#52a5b6
#52a5b6
rgb(82,165,182)
-
#48abbf
#48abbf
rgb(72,171,191)
-
#3fb1c9
#3fb1c9
rgb(63,177,201)
-
#35b7d2
#35b7d2
rgb(53,183,210)
-
#2cbedc
#2cbedc
rgb(44,190,220)
-
#22c4e5
#22c4e5
rgb(34,196,229)
-
#19caef
#19caef
rgb(25,202,239)
-
#0fd1f8
#0fd1f8
rgb(15,209,248)
Color Blindness Simulator
Below, you can see how #22c4e5 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.