#22b4b6 Color Information
In a RGB color space, hex #22b4b6 is composed of 13.3% red, 70.6% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 1.1% magenta, 0% yellow and 28.6% black. It has a hue angle of 180.8 degrees, a saturation of 68.5% and a lightness of 42.4%. #22b4b6 color hex could be obtained by blending #44ffff with #00696d. Closest websafe color is: #33cccc.
-
- R 13
- G 71
- B 71
-
- C 81
- M 1
- Y 0
- K 29
● #22b4b6 color description : Strong cyan.
#22b4b6 Color Conversion
The hexadecimal color #22b4b6 has RGB values of R:34, G:180, B:182 and CMYK values of C:0.81, M:0.01, Y:0, K:0.29. Its decimal value is 2274486.
Hex triplet | 22b4b6 | #22b4b6 |
---|---|---|
RGB Decimal | 34, 180, 182 | rgb(34,180,182) |
RGB Percent | 13.3, 70.6, 71.4 | rgb(13.3%,70.6%,71.4%) |
CMYK | 81, 1, 0, 29 | |
HSL | 180.8°, 68.5, 42.4 | hsl(180.8,68.5%,42.4%) |
HSV (or HSB) | 180.8°, 81.3, 71.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 66.792, -34.712, -11.484 |
---|---|
XYZ | 25.422, 36.357, 49.931 |
xyY | 0.228, 0.325, 36.357 |
CIE-LCH | 66.792, 36.562, 198.307 |
CIE-LUV | 66.792, -49.25, -12.358 |
Hunter-Lab | 60.297, -30.263, -6.889 |
Binary | 00100010, 10110100, 10110110 |
Color Schemes with #22b4b6
Alternatives to #22b4b6
Below, you can see some colors close to #22b4b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b4b6 Preview
This text has a font color of #22b4b6.
<span style="color:#22b4b6;">Text here</span>
This paragraph has a background color of #22b4b6.
<p style="background-color:#22b4b6;">Content here</p>
This element has a border color of #22b4b6.
<div style="border:1px solid #22b4b6;">Content here</div>
.text {color:#22b4b6;}
.background {background-color:#22b4b6;}
.border {border:1px solid #22b4b6;}
Shades and Tints of #22b4b6
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, #000000 is the darkest color, while #effcfc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#031111
#031111
rgb(3,17,17)
-
#062121
#062121
rgb(6,33,33)
-
#093132
#093132
rgb(9,49,50)
-
#0c4242
#0c4242
rgb(12,66,66)
-
#0f5253
#0f5253
rgb(15,82,83)
-
#136263
#136263
rgb(19,98,99)
-
#167374
#167374
rgb(22,115,116)
-
#198384
#198384
rgb(25,131,132)
-
#1c9395
#1c9395
rgb(28,147,149)
-
#1fa4a5
#1fa4a5
rgb(31,164,165)
-
#22b4b6
#22b4b6
rgb(34,180,182)
-
#25c4c7
#25c4c7
rgb(37,196,199)
-
#28d5d7
#28d5d7
rgb(40,213,215)
-
#39d8da
#39d8da
rgb(57,216,218)
-
#49dbdd
#49dbdd
rgb(73,219,221)
-
#5adee0
#5adee0
rgb(90,222,224)
-
#6ae2e3
#6ae2e3
rgb(106,226,227)
-
#7be5e6
#7be5e6
rgb(123,229,230)
-
#8ce8e9
#8ce8e9
rgb(140,232,233)
-
#9cebed
#9cebed
rgb(156,235,237)
-
#adeff0
#adeff0
rgb(173,239,240)
-
#bdf2f3
#bdf2f3
rgb(189,242,243)
-
#cef5f6
#cef5f6
rgb(206,245,246)
-
#def9f9
#def9f9
rgb(222,249,249)
-
#effcfc
#effcfc
rgb(239,252,252)
Tones of #22b4b6
A tone is produced by adding gray to any pure hue. In this case, #647374 is the less saturated color, while #01d4d7 is the most saturated one.
-
#647374
#647374
rgb(100,115,116)
-
#5c7b7c
#5c7b7c
rgb(92,123,124)
-
#548484
#548484
rgb(84,132,132)
-
#4c8c8c
#4c8c8c
rgb(76,140,140)
-
#439495
#439495
rgb(67,148,149)
-
#3b9c9d
#3b9c9d
rgb(59,156,157)
-
#33a4a5
#33a4a5
rgb(51,164,165)
-
#2aacae
#2aacae
rgb(42,172,174)
-
#22b4b6
#22b4b6
rgb(34,180,182)
-
#1abcbe
#1abcbe
rgb(26,188,190)
-
#11c4c7
#11c4c7
rgb(17,196,199)
-
#09cccf
#09cccf
rgb(9,204,207)
-
#01d4d7
#01d4d7
rgb(1,212,215)
Color Blindness Simulator
Below, you can see how #22b4b6 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.