#22d4e0 Color Information
In a RGB color space, hex #22d4e0 is composed of 13.3% red, 83.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 5.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 183.8 degrees, a saturation of 75.4% and a lightness of 50.6%. #22d4e0 color hex could be obtained by blending #44ffff with #00a9c1. Closest websafe color is: #33cccc.
-
- R 13
- G 83
- B 88
-
- C 85
- M 5
- Y 0
- K 12
● #22d4e0 color description : Bright cyan.
#22d4e0 Color Conversion
The hexadecimal color #22d4e0 has RGB values of R:34, G:212, B:224 and CMYK values of C:0.85, M:0.05, Y:0, K:0.12. Its decimal value is 2282720.
Hex triplet | 22d4e0 | #22d4e0 |
---|---|---|
RGB Decimal | 34, 212, 224 | rgb(34,212,224) |
RGB Percent | 13.3, 83.1, 87.8 | rgb(13.3%,83.1%,87.8%) |
CMYK | 85, 5, 0, 12 | |
HSL | 183.8°, 75.4, 50.6 | hsl(183.8,75.4%,50.6%) |
HSV (or HSB) | 183.8°, 84.8, 87.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 77.76, -36.917, -17.852 |
---|---|
XYZ | 37.654, 52.805, 78.725 |
xyY | 0.223, 0.312, 52.805 |
CIE-LCH | 77.76, 41.007, 205.807 |
CIE-LUV | 77.76, -57.153, -22.719 |
Hunter-Lab | 72.667, -34.675, -13.366 |
Binary | 00100010, 11010100, 11100000 |
Color Schemes with #22d4e0
Alternatives to #22d4e0
Below, you can see some colors close to #22d4e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d4e0 Preview
This text has a font color of #22d4e0.
<span style="color:#22d4e0;">Text here</span>
This paragraph has a background color of #22d4e0.
<p style="background-color:#22d4e0;">Content here</p>
This element has a border color of #22d4e0.
<div style="border:1px solid #22d4e0;">Content here</div>
.text {color:#22d4e0;}
.background {background-color:#22d4e0;}
.border {border:1px solid #22d4e0;}
Shades and Tints of #22d4e0
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, #000203 is the darkest color, while #f0fcfd is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#031314
#031314
rgb(3,19,20)
-
#052325
#052325
rgb(5,35,37)
-
#083336
#083336
rgb(8,51,54)
-
#0a4447
#0a4447
rgb(10,68,71)
-
#0c5459
#0c5459
rgb(12,84,89)
-
#0f646a
#0f646a
rgb(15,100,106)
-
#11747b
#11747b
rgb(17,116,123)
-
#14858c
#14858c
rgb(20,133,140)
-
#16959d
#16959d
rgb(22,149,157)
-
#18a5af
#18a5af
rgb(24,165,175)
-
#1bb5c0
#1bb5c0
rgb(27,181,192)
-
#1dc6d1
#1dc6d1
rgb(29,198,209)
-
#22d4e0
#22d4e0
rgb(34,212,224)
-
#33d7e2
#33d7e2
rgb(51,215,226)
-
#44dbe5
#44dbe5
rgb(68,219,229)
-
#56dee7
#56dee7
rgb(86,222,231)
-
#67e1ea
#67e1ea
rgb(103,225,234)
-
#78e5ec
#78e5ec
rgb(120,229,236)
-
#89e8ee
#89e8ee
rgb(137,232,238)
-
#9aebf1
#9aebf1
rgb(154,235,241)
-
#aceff3
#aceff3
rgb(172,239,243)
-
#bdf2f6
#bdf2f6
rgb(189,242,246)
-
#cef5f8
#cef5f8
rgb(206,245,248)
-
#dff9fb
#dff9fb
rgb(223,249,251)
-
#f0fcfd
#f0fcfd
rgb(240,252,253)
Tones of #22d4e0
A tone is produced by adding gray to any pure hue. In this case, #798889 is the less saturated color, while #05edfd is the most saturated one.
-
#798889
#798889
rgb(121,136,137)
-
#709092
#709092
rgb(112,144,146)
-
#66999c
#66999c
rgb(102,153,156)
-
#5ca1a6
#5ca1a6
rgb(92,161,166)
-
#52aab0
#52aab0
rgb(82,170,176)
-
#49b2b9
#49b2b9
rgb(73,178,185)
-
#3fbbc3
#3fbbc3
rgb(63,187,195)
-
#35c3cd
#35c3cd
rgb(53,195,205)
-
#2cccd6
#2cccd6
rgb(44,204,214)
-
#22d4e0
#22d4e0
rgb(34,212,224)
-
#18dcea
#18dcea
rgb(24,220,234)
-
#0fe5f3
#0fe5f3
rgb(15,229,243)
-
#05edfd
#05edfd
rgb(5,237,253)
Color Blindness Simulator
Below, you can see how #22d4e0 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.