#22c5c2 Color Information
In a RGB color space, hex #22c5c2 is composed of 13.3% red, 77.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 1.5% yellow and 22.7% black. It has a hue angle of 178.9 degrees, a saturation of 70.6% and a lightness of 45.3%. #22c5c2 color hex could be obtained by blending #44ffff with #008b85. Closest websafe color is: #33cccc.
-
- R 13
- G 77
- B 76
-
- C 83
- M 0
- Y 2
- K 23
● #22c5c2 color description : Strong cyan.
#22c5c2 Color Conversion
The hexadecimal color #22c5c2 has RGB values of R:34, G:197, B:194 and CMYK values of C:0.83, M:0, Y:0.02, K:0.23. Its decimal value is 2278850.
Hex triplet | 22c5c2 | #22c5c2 |
---|---|---|
RGB Decimal | 34, 197, 194 | rgb(34,197,194) |
RGB Percent | 13.3, 77.3, 76.1 | rgb(13.3%,77.3%,76.1%) |
CMYK | 83, 0, 2, 23 | |
HSL | 178.9°, 70.6, 45.3 | hsl(178.9,70.6%,45.3%) |
HSV (or HSB) | 178.9°, 82.7, 77.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.338, -38.978, -9.782 |
---|---|
XYZ | 30.36, 44.165, 57.96 |
xyY | 0.229, 0.333, 44.165 |
CIE-LCH | 72.338, 40.187, 194.087 |
CIE-LUV | 72.338, -54.281, -9.148 |
Hunter-Lab | 66.456, -34.751, -5.191 |
Binary | 00100010, 11000101, 11000010 |
Color Schemes with #22c5c2
Alternatives to #22c5c2
Below, you can see some colors close to #22c5c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c5c2 Preview
This text has a font color of #22c5c2.
<span style="color:#22c5c2;">Text here</span>
This paragraph has a background color of #22c5c2.
<p style="background-color:#22c5c2;">Content here</p>
This element has a border color of #22c5c2.
<div style="border:1px solid #22c5c2;">Content here</div>
.text {color:#22c5c2;}
.background {background-color:#22c5c2;}
.border {border:1px solid #22c5c2;}
Shades and Tints of #22c5c2
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)
-
#0e504f
#0e504f
rgb(14,80,79)
-
#11615f
#11615f
rgb(17,97,95)
-
#147170
#147170
rgb(20,113,112)
-
#168280
#168280
rgb(22,130,128)
-
#199391
#199391
rgb(25,147,145)
-
#1ca4a1
#1ca4a1
rgb(28,164,161)
-
#1fb4b2
#1fb4b2
rgb(31,180,178)
-
#22c5c2
#22c5c2
rgb(34,197,194)
-
#25d6d2
#25d6d2
rgb(37,214,210)
-
#33dcd9
#33dcd9
rgb(51,220,217)
-
#43dfdc
#43dfdc
rgb(67,223,220)
-
#54e1df
#54e1df
rgb(84,225,223)
-
#65e4e2
#65e4e2
rgb(101,228,226)
-
#75e7e5
#75e7e5
rgb(117,231,229)
-
#86eae8
#86eae8
rgb(134,234,232)
-
#97edeb
#97edeb
rgb(151,237,235)
-
#a8f0ef
#a8f0ef
rgb(168,240,239)
-
#b8f3f2
#b8f3f2
rgb(184,243,242)
-
#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 #22c5c2
A tone is produced by adding gray to any pure hue. In this case, #727575 is the less saturated color, while #07e0dc is the most saturated one.
-
#727575
#727575
rgb(114,117,117)
-
#697e7e
#697e7e
rgb(105,126,126)
-
#608786
#608786
rgb(96,135,134)
-
#57908f
#57908f
rgb(87,144,143)
-
#4e9997
#4e9997
rgb(78,153,151)
-
#46a1a0
#46a1a0
rgb(70,161,160)
-
#3daaa8
#3daaa8
rgb(61,170,168)
-
#34b3b1
#34b3b1
rgb(52,179,177)
-
#2bbcb9
#2bbcb9
rgb(43,188,185)
-
#22c5c2
#22c5c2
rgb(34,197,194)
-
#19cecb
#19cecb
rgb(25,206,203)
-
#10d7d3
#10d7d3
rgb(16,215,211)
-
#07e0dc
#07e0dc
rgb(7,224,220)
Color Blindness Simulator
Below, you can see how #22c5c2 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.