#22c9dc Color Information
In a RGB color space, hex #22c9dc is composed of 13.3% red, 78.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 8.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 186.1 degrees, a saturation of 73.2% and a lightness of 49.8%. #22c9dc color hex could be obtained by blending #44ffff with #0093b9. Closest websafe color is: #33cccc.
-
- R 13
- G 79
- B 86
-
- C 85
- M 9
- Y 0
- K 14
● #22c9dc color description : Bright cyan.
#22c9dc Color Conversion
The hexadecimal color #22c9dc has RGB values of R:34, G:201, B:220 and CMYK values of C:0.85, M:0.09, Y:0, K:0.14. Its decimal value is 2279900.
Hex triplet | 22c9dc | #22c9dc |
---|---|---|
RGB Decimal | 34, 201, 220 | rgb(34,201,220) |
RGB Percent | 13.3, 78.8, 86.3 | rgb(13.3%,78.8%,86.3%) |
CMYK | 85, 9, 0, 14 | |
HSL | 186.1°, 73.2, 49.8 | hsl(186.1,73.2%,49.8%) |
HSV (or HSB) | 186.1°, 84.5, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.367, -32.979, -20.837 |
---|---|
XYZ | 34.461, 47.277, 75.015 |
xyY | 0.22, 0.302, 47.277 |
CIE-LCH | 74.367, 39.011, 212.285 |
CIE-LUV | 74.367, -53.692, -28.111 |
Hunter-Lab | 68.758, -30.866, -16.554 |
Binary | 00100010, 11001001, 11011100 |
Color Schemes with #22c9dc
Alternatives to #22c9dc
Below, you can see some colors close to #22c9dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c9dc Preview
This text has a font color of #22c9dc.
<span style="color:#22c9dc;">Text here</span>
This paragraph has a background color of #22c9dc.
<p style="background-color:#22c9dc;">Content here</p>
This element has a border color of #22c9dc.
<div style="border:1px solid #22c9dc;">Content here</div>
.text {color:#22c9dc;}
.background {background-color:#22c9dc;}
.border {border:1px solid #22c9dc;}
Shades and Tints of #22c9dc
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, #020f10 is the darkest color, while #feffff is the lightest one.
-
#020f10
#020f10
rgb(2,15,16)
-
#051e21
#051e21
rgb(5,30,33)
-
#082e32
#082e32
rgb(8,46,50)
-
#0a3d43
#0a3d43
rgb(10,61,67)
-
#0d4d54
#0d4d54
rgb(13,77,84)
-
#105c65
#105c65
rgb(16,92,101)
-
#126c76
#126c76
rgb(18,108,118)
-
#157b87
#157b87
rgb(21,123,135)
-
#178b98
#178b98
rgb(23,139,152)
-
#1a9aa9
#1a9aa9
rgb(26,154,169)
-
#1daaba
#1daaba
rgb(29,170,186)
-
#1fb9cb
#1fb9cb
rgb(31,185,203)
-
#22c9dc
#22c9dc
rgb(34,201,220)
-
#32cedf
#32cedf
rgb(50,206,223)
-
#43d2e2
#43d2e2
rgb(67,210,226)
-
#54d6e5
#54d6e5
rgb(84,214,229)
-
#65dae7
#65dae7
rgb(101,218,231)
-
#76deea
#76deea
rgb(118,222,234)
-
#87e2ec
#87e2ec
rgb(135,226,236)
-
#98e6ef
#98e6ef
rgb(152,230,239)
-
#a9eaf2
#a9eaf2
rgb(169,234,242)
-
#baeef4
#baeef4
rgb(186,238,244)
-
#cbf3f7
#cbf3f7
rgb(203,243,247)
-
#dcf7fa
#dcf7fa
rgb(220,247,250)
-
#edfbfc
#edfbfc
rgb(237,251,252)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22c9dc
A tone is produced by adding gray to any pure hue. In this case, #7a8384 is the less saturated color, while #05e0f9 is the most saturated one.
-
#7a8384
#7a8384
rgb(122,131,132)
-
#708b8e
#708b8e
rgb(112,139,142)
-
#669398
#669398
rgb(102,147,152)
-
#5d9aa1
#5d9aa1
rgb(93,154,161)
-
#53a2ab
#53a2ab
rgb(83,162,171)
-
#49aab5
#49aab5
rgb(73,170,181)
-
#3fb2bf
#3fb2bf
rgb(63,178,191)
-
#36b9c8
#36b9c8
rgb(54,185,200)
-
#2cc1d2
#2cc1d2
rgb(44,193,210)
-
#22c9dc
#22c9dc
rgb(34,201,220)
-
#18d1e6
#18d1e6
rgb(24,209,230)
-
#0ed9f0
#0ed9f0
rgb(14,217,240)
-
#05e0f9
#05e0f9
rgb(5,224,249)
Color Blindness Simulator
Below, you can see how #22c9dc 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.