#22e4f2 Color Information
In a RGB color space, hex #22e4f2 is composed of 13.3% red, 89.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 5.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 184 degrees, a saturation of 88.9% and a lightness of 54.1%. #22e4f2 color hex could be obtained by blending #44ffff with #00c9e5. Closest websafe color is: #33ccff.
-
- R 13
- G 89
- B 95
-
- C 86
- M 6
- Y 0
- K 5
● #22e4f2 color description : Vivid cyan.
#22e4f2 Color Conversion
The hexadecimal color #22e4f2 has RGB values of R:34, G:228, B:242 and CMYK values of C:0.86, M:0.06, Y:0, K:0.05. Its decimal value is 2286834.
Hex triplet | 22e4f2 | #22e4f2 |
---|---|---|
RGB Decimal | 34, 228, 242 | rgb(34,228,242) |
RGB Percent | 13.3, 89.4, 94.9 | rgb(13.3%,89.4%,94.9%) |
CMYK | 86, 6, 0, 5 | |
HSL | 184°, 88.9, 54.1 | hsl(184,88.9%,54.1%) |
HSV (or HSB) | 184°, 86, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 83.037, -38.853, -19.461 |
---|---|
XYZ | 44.425, 62.233, 93.67 |
xyY | 0.222, 0.311, 62.233 |
CIE-LCH | 83.037, 43.454, 206.605 |
CIE-LUV | 83.037, -61.194, -25.3 |
Hunter-Lab | 78.888, -37.533, -15.178 |
Binary | 00100010, 11100100, 11110010 |
Color Schemes with #22e4f2
Alternatives to #22e4f2
Below, you can see some colors close to #22e4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22e4f2 Preview
This text has a font color of #22e4f2.
<span style="color:#22e4f2;">Text here</span>
This paragraph has a background color of #22e4f2.
<p style="background-color:#22e4f2;">Content here</p>
This element has a border color of #22e4f2.
<div style="border:1px solid #22e4f2;">Content here</div>
.text {color:#22e4f2;}
.background {background-color:#22e4f2;}
.border {border:1px solid #22e4f2;}
Shades and Tints of #22e4f2
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)
-
#033539
#033539
rgb(3,53,57)
-
#04474b
#04474b
rgb(4,71,75)
-
#06585e
#06585e
rgb(6,88,94)
-
#076970
#076970
rgb(7,105,112)
-
#087b83
#087b83
rgb(8,123,131)
-
#098c96
#098c96
rgb(9,140,150)
-
#0a9da8
#0a9da8
rgb(10,157,168)
-
#0bafbb
#0bafbb
rgb(11,175,187)
-
#0cc0cd
#0cc0cd
rgb(12,192,205)
-
#0dd1e0
#0dd1e0
rgb(13,209,224)
-
#0fe2f1
#0fe2f1
rgb(15,226,241)
-
#22e4f2
#22e4f2
rgb(34,228,242)
-
#35e6f3
#35e6f3
rgb(53,230,243)
-
#47e9f4
#47e9f4
rgb(71,233,244)
-
#5aebf5
#5aebf5
rgb(90,235,245)
-
#6cedf6
#6cedf6
rgb(108,237,246)
-
#7feff7
#7feff7
rgb(127,239,247)
-
#91f2f9
#91f2f9
rgb(145,242,249)
-
#a4f4fa
#a4f4fa
rgb(164,244,250)
-
#b6f6fb
#b6f6fb
rgb(182,246,251)
-
#c9f8fc
#c9f8fc
rgb(201,248,252)
-
#dbfbfd
#dbfbfd
rgb(219,251,253)
-
#eefdfe
#eefdfe
rgb(238,253,254)
Tones of #22e4f2
A tone is produced by adding gray to any pure hue. In this case, #858e8f is the less saturated color, while #19ecfb 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)
-
#61adb3
#61adb3
rgb(97,173,179)
-
#58b5bc
#58b5bc
rgb(88,181,188)
-
#4fbdc5
#4fbdc5
rgb(79,189,197)
-
#46c5ce
#46c5ce
rgb(70,197,206)
-
#3dcdd7
#3dcdd7
rgb(61,205,215)
-
#34d4e0
#34d4e0
rgb(52,212,224)
-
#2bdce9
#2bdce9
rgb(43,220,233)
-
#22e4f2
#22e4f2
rgb(34,228,242)
-
#19ecfb
#19ecfb
rgb(25,236,251)
Color Blindness Simulator
Below, you can see how #22e4f2 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.