#22e4dc Color Information
In a RGB color space, hex #22e4dc is composed of 13.3% red, 89.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 0% magenta, 3.5% yellow and 10.6% black. It has a hue angle of 177.5 degrees, a saturation of 78.2% and a lightness of 51.4%. #22e4dc color hex could be obtained by blending #44ffff with #00c9b9. Closest websafe color is: #33cccc.
-
- R 13
- G 89
- B 86
-
- C 85
- M 0
- Y 4
- K 11
● #22e4dc color description : Vivid cyan.
#22e4dc Color Conversion
The hexadecimal color #22e4dc has RGB values of R:34, G:228, B:220 and CMYK values of C:0.85, M:0, Y:0.04, K:0.11. Its decimal value is 2286812.
Hex triplet | 22e4dc | #22e4dc |
---|---|---|
RGB Decimal | 34, 228, 220 | rgb(34,228,220) |
RGB Percent | 13.3, 89.4, 86.3 | rgb(13.3%,89.4%,86.3%) |
CMYK | 85, 0, 4, 11 | |
HSL | 177.5°, 78.2, 51.4 | hsl(177.5,78.2%,51.4%) |
HSV (or HSB) | 177.5°, 85.1, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 82.373, -45.26, -8.808 |
---|---|
XYZ | 41.317, 60.99, 77.301 |
xyY | 0.23, 0.34, 60.99 |
CIE-LCH | 82.373, 46.109, 191.013 |
CIE-LUV | 82.373, -62.894, -6.766 |
Hunter-Lab | 78.096, -42.232, -4.019 |
Binary | 00100010, 11100100, 11011100 |
Color Schemes with #22e4dc
Alternatives to #22e4dc
Below, you can see some colors close to #22e4dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22e4dc Preview
This text has a font color of #22e4dc.
<span style="color:#22e4dc;">Text here</span>
This paragraph has a background color of #22e4dc.
<p style="background-color:#22e4dc;">Content here</p>
This element has a border color of #22e4dc.
<div style="border:1px solid #22e4dc;">Content here</div>
.text {color:#22e4dc;}
.background {background-color:#22e4dc;}
.border {border:1px solid #22e4dc;}
Shades and Tints of #22e4dc
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, #010606 is the darkest color, while #f4fefd is the lightest one.
-
#010606
#010606
rgb(1,6,6)
-
#031817
#031817
rgb(3,24,23)
-
#052928
#052928
rgb(5,41,40)
-
#073b39
#073b39
rgb(7,59,57)
-
#094c49
#094c49
rgb(9,76,73)
-
#0b5e5a
#0b5e5a
rgb(11,94,90)
-
#0e6f6b
#0e6f6b
rgb(14,111,107)
-
#10817c
#10817c
rgb(16,129,124)
-
#12928d
#12928d
rgb(18,146,141)
-
#14a49e
#14a49e
rgb(20,164,158)
-
#16b5ae
#16b5ae
rgb(22,181,174)
-
#18c7bf
#18c7bf
rgb(24,199,191)
-
#1ad8d0
#1ad8d0
rgb(26,216,208)
-
#22e4dc
#22e4dc
rgb(34,228,220)
-
#33e6df
#33e6df
rgb(51,230,223)
-
#45e8e2
#45e8e2
rgb(69,232,226)
-
#56eae4
#56eae4
rgb(86,234,228)
-
#68ede7
#68ede7
rgb(104,237,231)
-
#79efea
#79efea
rgb(121,239,234)
-
#8bf1ed
#8bf1ed
rgb(139,241,237)
-
#9cf3ef
#9cf3ef
rgb(156,243,239)
-
#aef5f2
#aef5f2
rgb(174,245,242)
-
#bff7f5
#bff7f5
rgb(191,247,245)
-
#d1f9f8
#d1f9f8
rgb(209,249,248)
-
#e2fbfa
#e2fbfa
rgb(226,251,250)
-
#f4fefd
#f4fefd
rgb(244,254,253)
Tones of #22e4dc
A tone is produced by adding gray to any pure hue. In this case, #818584 is the less saturated color, while #0ff7ee is the most saturated one.
-
#818584
#818584
rgb(129,133,132)
-
#788e8d
#788e8d
rgb(120,142,141)
-
#6e9896
#6e9896
rgb(110,152,150)
-
#65a19f
#65a19f
rgb(101,161,159)
-
#5baba7
#5baba7
rgb(91,171,167)
-
#52b4b0
#52b4b0
rgb(82,180,176)
-
#48beb9
#48beb9
rgb(72,190,185)
-
#3fc7c2
#3fc7c2
rgb(63,199,194)
-
#35d1ca
#35d1ca
rgb(53,209,202)
-
#2cdad3
#2cdad3
rgb(44,218,211)
-
#22e4dc
#22e4dc
rgb(34,228,220)
-
#18eee5
#18eee5
rgb(24,238,229)
-
#0ff7ee
#0ff7ee
rgb(15,247,238)
Color Blindness Simulator
Below, you can see how #22e4dc 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.