#22c5d2 Color Information
In a RGB color space, hex #22c5d2 is composed of 13.3% red, 77.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 6.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 184.4 degrees, a saturation of 72.1% and a lightness of 47.8%. #22c5d2 color hex could be obtained by blending #44ffff with #008ba5. Closest websafe color is: #33cccc.
-
- R 13
- G 77
- B 82
-
- C 84
- M 6
- Y 0
- K 18
● #22c5d2 color description : Strong cyan.
#22c5d2 Color Conversion
The hexadecimal color #22c5d2 has RGB values of R:34, G:197, B:210 and CMYK values of C:0.84, M:0.06, Y:0, K:0.18. Its decimal value is 2278866.
Hex triplet | 22c5d2 | #22c5d2 |
---|---|---|
RGB Decimal | 34, 197, 210 | rgb(34,197,210) |
RGB Percent | 13.3, 77.3, 82.4 | rgb(13.3%,77.3%,82.4%) |
CMYK | 84, 6, 0, 18 | |
HSL | 184.4°, 72.1, 47.8 | hsl(184.4,72.1%,47.8%) |
HSV (or HSB) | 184.4°, 83.8, 82.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.841, -34.177, -17.73 |
---|---|
XYZ | 32.255, 44.923, 67.94 |
xyY | 0.222, 0.31, 44.923 |
CIE-LCH | 72.841, 38.502, 207.419 |
CIE-LUV | 72.841, -53.07, -22.731 |
Hunter-Lab | 67.024, -31.39, -13.183 |
Binary | 00100010, 11000101, 11010010 |
Color Schemes with #22c5d2
Alternatives to #22c5d2
Below, you can see some colors close to #22c5d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c5d2 Preview
This text has a font color of #22c5d2.
<span style="color:#22c5d2;">Text here</span>
This paragraph has a background color of #22c5d2.
<p style="background-color:#22c5d2;">Content here</p>
This element has a border color of #22c5d2.
<div style="border:1px solid #22c5d2;">Content here</div>
.text {color:#22c5d2;}
.background {background-color:#22c5d2;}
.border {border:1px solid #22c5d2;}
Shades and Tints of #22c5d2
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, #010707 is the darkest color, while #f6fdfd is the lightest one.
-
#010707
#010707
rgb(1,7,7)
-
#041718
#041718
rgb(4,23,24)
-
#072729
#072729
rgb(7,39,41)
-
#09363a
#09363a
rgb(9,54,58)
-
#0c464b
#0c464b
rgb(12,70,75)
-
#0f565c
#0f565c
rgb(15,86,92)
-
#12666d
#12666d
rgb(18,102,109)
-
#14767e
#14767e
rgb(20,118,126)
-
#17868e
#17868e
rgb(23,134,142)
-
#1a959f
#1a959f
rgb(26,149,159)
-
#1da5b0
#1da5b0
rgb(29,165,176)
-
#1fb5c1
#1fb5c1
rgb(31,181,193)
-
#22c5d2
#22c5d2
rgb(34,197,210)
-
#2bd0dd
#2bd0dd
rgb(43,208,221)
-
#3cd3df
#3cd3df
rgb(60,211,223)
-
#4dd7e2
#4dd7e2
rgb(77,215,226)
-
#5edbe5
#5edbe5
rgb(94,219,229)
-
#6edfe8
#6edfe8
rgb(110,223,232)
-
#7fe2ea
#7fe2ea
rgb(127,226,234)
-
#90e6ed
#90e6ed
rgb(144,230,237)
-
#a1eaf0
#a1eaf0
rgb(161,234,240)
-
#b2eef3
#b2eef3
rgb(178,238,243)
-
#c3f2f5
#c3f2f5
rgb(195,242,245)
-
#d4f5f8
#d4f5f8
rgb(212,245,248)
-
#e5f9fb
#e5f9fb
rgb(229,249,251)
-
#f6fdfd
#f6fdfd
rgb(246,253,253)
Tones of #22c5d2
A tone is produced by adding gray to any pure hue. In this case, #767d7e is the less saturated color, while #06ddee is the most saturated one.
-
#767d7e
#767d7e
rgb(118,125,126)
-
#6d8587
#6d8587
rgb(109,133,135)
-
#648d90
#648d90
rgb(100,141,144)
-
#5a959a
#5a959a
rgb(90,149,154)
-
#519da3
#519da3
rgb(81,157,163)
-
#48a5ac
#48a5ac
rgb(72,165,172)
-
#3eadb6
#3eadb6
rgb(62,173,182)
-
#35b5bf
#35b5bf
rgb(53,181,191)
-
#2bbdc9
#2bbdc9
rgb(43,189,201)
-
#22c5d2
#22c5d2
rgb(34,197,210)
-
#19cddb
#19cddb
rgb(25,205,219)
-
#0fd5e5
#0fd5e5
rgb(15,213,229)
-
#06ddee
#06ddee
rgb(6,221,238)
Color Blindness Simulator
Below, you can see how #22c5d2 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.