#22c3b4 Color Information
In a RGB color space, hex #22c3b4 is composed of 13.3% red, 76.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 7.7% yellow and 23.5% black. It has a hue angle of 174.4 degrees, a saturation of 70.3% and a lightness of 44.9%. #22c3b4 color hex could be obtained by blending #44ffff with #008769. Closest websafe color is: #33cccc.
-
- R 13
- G 76
- B 71
-
- C 83
- M 0
- Y 8
- K 24
● #22c3b4 color description : Strong cyan.
#22c3b4 Color Conversion
The hexadecimal color #22c3b4 has RGB values of R:34, G:195, B:180 and CMYK values of C:0.83, M:0, Y:0.08, K:0.24. Its decimal value is 2278324.
Hex triplet | 22c3b4 | #22c3b4 |
---|---|---|
RGB Decimal | 34, 195, 180 | rgb(34,195,180) |
RGB Percent | 13.3, 76.5, 70.6 | rgb(13.3%,76.5%,70.6%) |
CMYK | 83, 0, 8, 24 | |
HSL | 174.4°, 70.3, 44.9 | hsl(174.4,70.3%,44.9%) |
HSV (or HSB) | 174.4°, 82.6, 76.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 71.325, -42.093, -3.652 |
---|---|
XYZ | 28.41, 42.663, 49.915 |
xyY | 0.235, 0.353, 42.663 |
CIE-LCH | 71.325, 42.251, 184.958 |
CIE-LUV | 71.325, -54.642, 0.93 |
Hunter-Lab | 65.317, -36.664, 0.412 |
Binary | 00100010, 11000011, 10110100 |
Color Schemes with #22c3b4
Alternatives to #22c3b4
Below, you can see some colors close to #22c3b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c3b4 Preview
This text has a font color of #22c3b4.
<span style="color:#22c3b4;">Text here</span>
This paragraph has a background color of #22c3b4.
<p style="background-color:#22c3b4;">Content here</p>
This element has a border color of #22c3b4.
<div style="border:1px solid #22c3b4;">Content here</div>
.text {color:#22c3b4;}
.background {background-color:#22c3b4;}
.border {border:1px solid #22c3b4;}
Shades and Tints of #22c3b4
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, #020b0a is the darkest color, while #fafefe is the lightest one.
-
#020b0a
#020b0a
rgb(2,11,10)
-
#051c1a
#051c1a
rgb(5,28,26)
-
#082d29
#082d29
rgb(8,45,41)
-
#0b3d39
#0b3d39
rgb(11,61,57)
-
#0e4e48
#0e4e48
rgb(14,78,72)
-
#115f57
#115f57
rgb(17,95,87)
-
#136f67
#136f67
rgb(19,111,103)
-
#168076
#168076
rgb(22,128,118)
-
#199186
#199186
rgb(25,145,134)
-
#1ca295
#1ca295
rgb(28,162,149)
-
#1fb2a5
#1fb2a5
rgb(31,178,165)
-
#22c3b4
#22c3b4
rgb(34,195,180)
-
#25d4c3
#25d4c3
rgb(37,212,195)
-
#31dbcb
#31dbcb
rgb(49,219,203)
-
#42decf
#42decf
rgb(66,222,207)
-
#53e1d4
#53e1d4
rgb(83,225,212)
-
#63e4d8
#63e4d8
rgb(99,228,216)
-
#74e7dc
#74e7dc
rgb(116,231,220)
-
#85eae0
#85eae0
rgb(133,234,224)
-
#95ede4
#95ede4
rgb(149,237,228)
-
#a6efe9
#a6efe9
rgb(166,239,233)
-
#b7f2ed
#b7f2ed
rgb(183,242,237)
-
#c7f5f1
#c7f5f1
rgb(199,245,241)
-
#d8f8f5
#d8f8f5
rgb(216,248,245)
-
#e9fbf9
#e9fbf9
rgb(233,251,249)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22c3b4
A tone is produced by adding gray to any pure hue. In this case, #717474 is the less saturated color, while #08ddc9 is the most saturated one.
-
#717474
#717474
rgb(113,116,116)
-
#687d7b
#687d7b
rgb(104,125,123)
-
#608582
#608582
rgb(96,133,130)
-
#578e89
#578e89
rgb(87,142,137)
-
#4e9790
#4e9790
rgb(78,151,144)
-
#45a097
#45a097
rgb(69,160,151)
-
#3ca99f
#3ca99f
rgb(60,169,159)
-
#34b1a6
#34b1a6
rgb(52,177,166)
-
#2bbaad
#2bbaad
rgb(43,186,173)
-
#22c3b4
#22c3b4
rgb(34,195,180)
-
#19ccbb
#19ccbb
rgb(25,204,187)
-
#10d5c2
#10d5c2
rgb(16,213,194)
-
#08ddc9
#08ddc9
rgb(8,221,201)
Color Blindness Simulator
Below, you can see how #22c3b4 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.