#22d4e2 Color Information
In a RGB color space, hex #22d4e2 is composed of 13.3% red, 83.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 6.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 184.4 degrees, a saturation of 76.8% and a lightness of 51%. #22d4e2 color hex could be obtained by blending #44ffff with #00a9c5. Closest websafe color is: #33cccc.
-
- R 13
- G 83
- B 89
-
- C 85
- M 6
- Y 0
- K 11
● #22d4e2 color description : Bright cyan.
#22d4e2 Color Conversion
The hexadecimal color #22d4e2 has RGB values of R:34, G:212, B:226 and CMYK values of C:0.85, M:0.06, Y:0, K:0.11. Its decimal value is 2282722.
Hex triplet | 22d4e2 | #22d4e2 |
---|---|---|
RGB Decimal | 34, 212, 226 | rgb(34,212,226) |
RGB Percent | 13.3, 83.1, 88.6 | rgb(13.3%,83.1%,88.6%) |
CMYK | 85, 6, 0, 11 | |
HSL | 184.4°, 76.8, 51 | hsl(184.4,76.8%,51%) |
HSV (or HSB) | 184.4°, 85, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 77.824, -36.31, -18.826 |
---|---|
XYZ | 37.927, 52.914, 80.162 |
xyY | 0.222, 0.309, 52.914 |
CIE-LCH | 77.824, 40.901, 207.406 |
CIE-LUV | 77.824, -57, -24.429 |
Hunter-Lab | 72.742, -34.232, -14.418 |
Binary | 00100010, 11010100, 11100010 |
Color Schemes with #22d4e2
Alternatives to #22d4e2
Below, you can see some colors close to #22d4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d4e2 Preview
This text has a font color of #22d4e2.
<span style="color:#22d4e2;">Text here</span>
This paragraph has a background color of #22d4e2.
<p style="background-color:#22d4e2;">Content here</p>
This element has a border color of #22d4e2.
<div style="border:1px solid #22d4e2;">Content here</div>
.text {color:#22d4e2;}
.background {background-color:#22d4e2;}
.border {border:1px solid #22d4e2;}
Shades and Tints of #22d4e2
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, #010404 is the darkest color, while #f2fcfd is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#031416
#031416
rgb(3,20,22)
-
#052527
#052527
rgb(5,37,39)
-
#073538
#073538
rgb(7,53,56)
-
#0a454a
#0a454a
rgb(10,69,74)
-
#0c555b
#0c555b
rgb(12,85,91)
-
#0e666c
#0e666c
rgb(14,102,108)
-
#11767e
#11767e
rgb(17,118,126)
-
#13868f
#13868f
rgb(19,134,143)
-
#1596a0
#1596a0
rgb(21,150,160)
-
#17a7b2
#17a7b2
rgb(23,167,178)
-
#1ab7c3
#1ab7c3
rgb(26,183,195)
-
#1cc7d5
#1cc7d5
rgb(28,199,213)
-
#22d4e2
#22d4e2
rgb(34,212,226)
-
#33d7e4
#33d7e4
rgb(51,215,228)
-
#45dbe7
#45dbe7
rgb(69,219,231)
-
#56dee9
#56dee9
rgb(86,222,233)
-
#67e1eb
#67e1eb
rgb(103,225,235)
-
#79e5ed
#79e5ed
rgb(121,229,237)
-
#8ae8f0
#8ae8f0
rgb(138,232,240)
-
#9becf2
#9becf2
rgb(155,236,242)
-
#adeff4
#adeff4
rgb(173,239,244)
-
#bef2f6
#bef2f6
rgb(190,242,246)
-
#cff6f9
#cff6f9
rgb(207,246,249)
-
#e1f9fb
#e1f9fb
rgb(225,249,251)
-
#f2fcfd
#f2fcfd
rgb(242,252,253)
Tones of #22d4e2
A tone is produced by adding gray to any pure hue. In this case, #798a8b is the less saturated color, while #05edff is the most saturated one.
-
#798a8b
#798a8b
rgb(121,138,139)
-
#6f9295
#6f9295
rgb(111,146,149)
-
#659b9f
#659b9f
rgb(101,155,159)
-
#5ca3a8
#5ca3a8
rgb(92,163,168)
-
#52abb2
#52abb2
rgb(82,171,178)
-
#48b3bc
#48b3bc
rgb(72,179,188)
-
#3fbbc5
#3fbbc5
rgb(63,187,197)
-
#35c4cf
#35c4cf
rgb(53,196,207)
-
#2cccd8
#2cccd8
rgb(44,204,216)
-
#22d4e2
#22d4e2
rgb(34,212,226)
-
#18dcec
#18dcec
rgb(24,220,236)
-
#0fe4f5
#0fe4f5
rgb(15,228,245)
-
#05edff
#05edff
rgb(5,237,255)
Color Blindness Simulator
Below, you can see how #22d4e2 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.