#22c5c1 Color Information
In a RGB color space, hex #22c5c1 is composed of 13.3% red, 77.3% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 2% yellow and 22.7% black. It has a hue angle of 178.5 degrees, a saturation of 70.6% and a lightness of 45.3%. #22c5c1 color hex could be obtained by blending #44ffff with #008b83. Closest websafe color is: #33cccc.
-
- R 13
- G 77
- B 76
-
- C 83
- M 0
- Y 2
- K 23
● #22c5c1 color description : Strong cyan.
#22c5c1 Color Conversion
The hexadecimal color #22c5c1 has RGB values of R:34, G:197, B:193 and CMYK values of C:0.83, M:0, Y:0.02, K:0.23. Its decimal value is 2278849.
Hex triplet | 22c5c1 | #22c5c1 |
---|---|---|
RGB Decimal | 34, 197, 193 | rgb(34,197,193) |
RGB Percent | 13.3, 77.3, 75.7 | rgb(13.3%,77.3%,75.7%) |
CMYK | 83, 0, 2, 23 | |
HSL | 178.5°, 70.6, 45.3 | hsl(178.5,70.6%,45.3%) |
HSV (or HSB) | 178.5°, 82.7, 77.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.309, -39.27, -9.282 |
---|---|
XYZ | 30.249, 44.12, 57.371 |
xyY | 0.23, 0.335, 44.12 |
CIE-LCH | 72.309, 40.352, 193.298 |
CIE-LUV | 72.309, -54.357, -8.309 |
Hunter-Lab | 66.423, -34.952, -4.714 |
Binary | 00100010, 11000101, 11000001 |
Color Schemes with #22c5c1
Alternatives to #22c5c1
Below, you can see some colors close to #22c5c1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c5c1 Preview
This text has a font color of #22c5c1.
<span style="color:#22c5c1;">Text here</span>
This paragraph has a background color of #22c5c1.
<p style="background-color:#22c5c1;">Content here</p>
This element has a border color of #22c5c1.
<div style="border:1px solid #22c5c1;">Content here</div>
.text {color:#22c5c1;}
.background {background-color:#22c5c1;}
.border {border:1px solid #22c5c1;}
Shades and Tints of #22c5c1
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, #020d0d is the darkest color, while #fbfefe is the lightest one.
-
#020d0d
#020d0d
rgb(2,13,13)
-
#051e1d
#051e1d
rgb(5,30,29)
-
#082e2e
#082e2e
rgb(8,46,46)
-
#0b3f3e
#0b3f3e
rgb(11,63,62)
-
#0e504e
#0e504e
rgb(14,80,78)
-
#11615f
#11615f
rgb(17,97,95)
-
#14716f
#14716f
rgb(20,113,111)
-
#16827f
#16827f
rgb(22,130,127)
-
#199390
#199390
rgb(25,147,144)
-
#1ca4a0
#1ca4a0
rgb(28,164,160)
-
#1fb4b1
#1fb4b1
rgb(31,180,177)
-
#22c5c1
#22c5c1
rgb(34,197,193)
-
#25d6d1
#25d6d1
rgb(37,214,209)
-
#33dcd8
#33dcd8
rgb(51,220,216)
-
#43dfdb
#43dfdb
rgb(67,223,219)
-
#54e1de
#54e1de
rgb(84,225,222)
-
#65e4e1
#65e4e1
rgb(101,228,225)
-
#75e7e4
#75e7e4
rgb(117,231,228)
-
#86eae8
#86eae8
rgb(134,234,232)
-
#97edeb
#97edeb
rgb(151,237,235)
-
#a8f0ee
#a8f0ee
rgb(168,240,238)
-
#b8f3f1
#b8f3f1
rgb(184,243,241)
-
#c9f6f5
#c9f6f5
rgb(201,246,245)
-
#daf9f8
#daf9f8
rgb(218,249,248)
-
#ebfbfb
#ebfbfb
rgb(235,251,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #22c5c1
A tone is produced by adding gray to any pure hue. In this case, #727575 is the less saturated color, while #07e0da is the most saturated one.
-
#727575
#727575
rgb(114,117,117)
-
#697e7d
#697e7d
rgb(105,126,125)
-
#608786
#608786
rgb(96,135,134)
-
#57908e
#57908e
rgb(87,144,142)
-
#4e9997
#4e9997
rgb(78,153,151)
-
#46a19f
#46a19f
rgb(70,161,159)
-
#3daaa8
#3daaa8
rgb(61,170,168)
-
#34b3b0
#34b3b0
rgb(52,179,176)
-
#2bbcb9
#2bbcb9
rgb(43,188,185)
-
#22c5c1
#22c5c1
rgb(34,197,193)
-
#19cec9
#19cec9
rgb(25,206,201)
-
#10d7d2
#10d7d2
rgb(16,215,210)
-
#07e0da
#07e0da
rgb(7,224,218)
Color Blindness Simulator
Below, you can see how #22c5c1 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.