#22b4b2 Color Information
In a RGB color space, hex #22b4b2 is composed of 13.3% red, 70.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 1.1% yellow and 29.4% black. It has a hue angle of 179.2 degrees, a saturation of 68.2% and a lightness of 42%. #22b4b2 color hex could be obtained by blending #44ffff with #006965. Closest websafe color is: #33cc99.
-
- R 13
- G 71
- B 70
-
- C 81
- M 0
- Y 1
- K 29
● #22b4b2 color description : Strong cyan.
#22b4b2 Color Conversion
The hexadecimal color #22b4b2 has RGB values of R:34, G:180, B:178 and CMYK values of C:0.81, M:0, Y:0.01, K:0.29. Its decimal value is 2274482.
Hex triplet | 22b4b2 | #22b4b2 |
---|---|---|
RGB Decimal | 34, 180, 178 | rgb(34,180,178) |
RGB Percent | 13.3, 70.6, 69.8 | rgb(13.3%,70.6%,69.8%) |
CMYK | 81, 0, 1, 29 | |
HSL | 179.2°, 68.2, 42 | hsl(179.2,68.2%,42%) |
HSV (or HSB) | 179.2°, 81.1, 70.6 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 66.668, -35.908, -9.456 |
---|---|
XYZ | 25.014, 36.194, 47.785 |
xyY | 0.23, 0.332, 36.194 |
CIE-LCH | 66.668, 37.133, 194.753 |
CIE-LUV | 66.668, -49.548, -8.981 |
Hunter-Lab | 60.162, -31.066, -4.979 |
Binary | 00100010, 10110100, 10110010 |
Color Schemes with #22b4b2
Alternatives to #22b4b2
Below, you can see some colors close to #22b4b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b4b2 Preview
This text has a font color of #22b4b2.
<span style="color:#22b4b2;">Text here</span>
This paragraph has a background color of #22b4b2.
<p style="background-color:#22b4b2;">Content here</p>
This element has a border color of #22b4b2.
<div style="border:1px solid #22b4b2;">Content here</div>
.text {color:#22b4b2;}
.background {background-color:#22b4b2;}
.border {border:1px solid #22b4b2;}
Shades and Tints of #22b4b2
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, #030f0f is the darkest color, while #feffff is the lightest one.
-
#030f0f
#030f0f
rgb(3,15,15)
-
#06201f
#06201f
rgb(6,32,31)
-
#09302f
#09302f
rgb(9,48,47)
-
#0c4140
#0c4140
rgb(12,65,64)
-
#0f5150
#0f5150
rgb(15,81,80)
-
#126260
#126260
rgb(18,98,96)
-
#167271
#167271
rgb(22,114,113)
-
#198381
#198381
rgb(25,131,129)
-
#1c9391
#1c9391
rgb(28,147,145)
-
#1fa4a2
#1fa4a2
rgb(31,164,162)
-
#22b4b2
#22b4b2
rgb(34,180,178)
-
#25c4c2
#25c4c2
rgb(37,196,194)
-
#28d5d3
#28d5d3
rgb(40,213,211)
-
#38d9d7
#38d9d7
rgb(56,217,215)
-
#48dcda
#48dcda
rgb(72,220,218)
-
#59e0de
#59e0de
rgb(89,224,222)
-
#69e3e1
#69e3e1
rgb(105,227,225)
-
#7ae6e4
#7ae6e4
rgb(122,230,228)
-
#8ae9e8
#8ae9e8
rgb(138,233,232)
-
#9beceb
#9beceb
rgb(155,236,235)
-
#abefee
#abefee
rgb(171,239,238)
-
#bcf2f2
#bcf2f2
rgb(188,242,242)
-
#ccf5f5
#ccf5f5
rgb(204,245,245)
-
#ddf8f8
#ddf8f8
rgb(221,248,248)
-
#edfcfb
#edfcfb
rgb(237,252,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22b4b2
A tone is produced by adding gray to any pure hue. In this case, #647272 is the less saturated color, while #01d5d2 is the most saturated one.
-
#647272
#647272
rgb(100,114,114)
-
#5c7a7a
#5c7a7a
rgb(92,122,122)
-
#538382
#538382
rgb(83,131,130)
-
#4b8b8a
#4b8b8a
rgb(75,139,138)
-
#439392
#439392
rgb(67,147,146)
-
#3b9b9a
#3b9b9a
rgb(59,155,154)
-
#32a4a2
#32a4a2
rgb(50,164,162)
-
#2aacaa
#2aacaa
rgb(42,172,170)
-
#22b4b2
#22b4b2
rgb(34,180,178)
-
#1abcba
#1abcba
rgb(26,188,186)
-
#12c4c2
#12c4c2
rgb(18,196,194)
-
#09cdca
#09cdca
rgb(9,205,202)
-
#01d5d2
#01d5d2
rgb(1,213,210)
Color Blindness Simulator
Below, you can see how #22b4b2 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.