#22e5f2 Color Information
In a RGB color space, hex #22e5f2 is composed of 13.3% red, 89.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 5.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 183.8 degrees, a saturation of 88.9% and a lightness of 54.1%. #22e5f2 color hex could be obtained by blending #44ffff with #00cbe5. Closest websafe color is: #33ccff.
-
- R 13
- G 90
- B 95
-
- C 86
- M 5
- Y 0
- K 5
● #22e5f2 color description : Vivid cyan.
#22e5f2 Color Conversion
The hexadecimal color #22e5f2 has RGB values of R:34, G:229, B:242 and CMYK values of C:0.86, M:0.05, Y:0, K:0.05. Its decimal value is 2287090.
Hex triplet | 22e5f2 | #22e5f2 |
---|---|---|
RGB Decimal | 34, 229, 242 | rgb(34,229,242) |
RGB Percent | 13.3, 89.8, 94.9 | rgb(13.3%,89.8%,94.9%) |
CMYK | 86, 5, 0, 5 | |
HSL | 183.8°, 88.9, 54.1 | hsl(183.8,88.9%,54.1%) |
HSV (or HSB) | 183.8°, 86, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 83.329, -39.309, -19.02 |
---|---|
XYZ | 44.701, 62.785, 93.762 |
xyY | 0.222, 0.312, 62.785 |
CIE-LCH | 83.329, 43.669, 205.82 |
CIE-LUV | 83.329, -61.53, -24.502 |
Hunter-Lab | 79.237, -37.965, -14.693 |
Binary | 00100010, 11100101, 11110010 |
Color Schemes with #22e5f2
Alternatives to #22e5f2
Below, you can see some colors close to #22e5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22e5f2 Preview
This text has a font color of #22e5f2.
<span style="color:#22e5f2;">Text here</span>
This paragraph has a background color of #22e5f2.
<p style="background-color:#22e5f2;">Content here</p>
This element has a border color of #22e5f2.
<div style="border:1px solid #22e5f2;">Content here</div>
.text {color:#22e5f2;}
.background {background-color:#22e5f2;}
.border {border:1px solid #22e5f2;}
Shades and Tints of #22e5f2
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, #000101 is the darkest color, while #eefdfe is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#011314
#011314
rgb(1,19,20)
-
#022426
#022426
rgb(2,36,38)
-
#033639
#033639
rgb(3,54,57)
-
#04474b
#04474b
rgb(4,71,75)
-
#06585e
#06585e
rgb(6,88,94)
-
#076a70
#076a70
rgb(7,106,112)
-
#087b83
#087b83
rgb(8,123,131)
-
#098d96
#098d96
rgb(9,141,150)
-
#0a9ea8
#0a9ea8
rgb(10,158,168)
-
#0bb0bb
#0bb0bb
rgb(11,176,187)
-
#0cc1cd
#0cc1cd
rgb(12,193,205)
-
#0dd2e0
#0dd2e0
rgb(13,210,224)
-
#0fe3f1
#0fe3f1
rgb(15,227,241)
-
#22e5f2
#22e5f2
rgb(34,229,242)
-
#35e7f3
#35e7f3
rgb(53,231,243)
-
#47e9f4
#47e9f4
rgb(71,233,244)
-
#5aecf5
#5aecf5
rgb(90,236,245)
-
#6ceef6
#6ceef6
rgb(108,238,246)
-
#7ff0f7
#7ff0f7
rgb(127,240,247)
-
#91f2f9
#91f2f9
rgb(145,242,249)
-
#a4f4fa
#a4f4fa
rgb(164,244,250)
-
#b6f6fb
#b6f6fb
rgb(182,246,251)
-
#c9f9fc
#c9f9fc
rgb(201,249,252)
-
#dbfbfd
#dbfbfd
rgb(219,251,253)
-
#eefdfe
#eefdfe
rgb(238,253,254)
Tones of #22e5f2
A tone is produced by adding gray to any pure hue. In this case, #858e8f is the less saturated color, while #19edfb is the most saturated one.
-
#858e8f
#858e8f
rgb(133,142,143)
-
#7c9698
#7c9698
rgb(124,150,152)
-
#739ea1
#739ea1
rgb(115,158,161)
-
#6aa6aa
#6aa6aa
rgb(106,166,170)
-
#61aeb3
#61aeb3
rgb(97,174,179)
-
#58b6bc
#58b6bc
rgb(88,182,188)
-
#4fbec5
#4fbec5
rgb(79,190,197)
-
#46c6ce
#46c6ce
rgb(70,198,206)
-
#3dcdd7
#3dcdd7
rgb(61,205,215)
-
#34d5e0
#34d5e0
rgb(52,213,224)
-
#2bdde9
#2bdde9
rgb(43,221,233)
-
#22e5f2
#22e5f2
rgb(34,229,242)
-
#19edfb
#19edfb
rgb(25,237,251)
Color Blindness Simulator
Below, you can see how #22e5f2 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.