#22b0ac Color Information
In a RGB color space, hex #22b0ac is composed of 13.3% red, 69% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 2.3% yellow and 31% black. It has a hue angle of 178.3 degrees, a saturation of 67.6% and a lightness of 41.2%. #22b0ac color hex could be obtained by blending #44ffff with #006159. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 67
-
- C 81
- M 0
- Y 2
- K 31
● #22b0ac color description : Dark cyan.
#22b0ac Color Conversion
The hexadecimal color #22b0ac has RGB values of R:34, G:176, B:172 and CMYK values of C:0.81, M:0, Y:0.02, K:0.31. Its decimal value is 2273452.
Hex triplet | 22b0ac | #22b0ac |
---|---|---|
RGB Decimal | 34, 176, 172 | rgb(34,176,172) |
RGB Percent | 13.3, 69, 67.5 | rgb(13.3%,69%,67.5%) |
CMYK | 81, 0, 2, 31 | |
HSL | 178.3°, 67.6, 41.2 | hsl(178.3,67.6%,41.2%) |
HSV (or HSB) | 178.3°, 80.7, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.253, -35.835, -8.236 |
---|---|
XYZ | 23.629, 34.367, 44.416 |
xyY | 0.231, 0.336, 34.367 |
CIE-LCH | 65.253, 36.769, 192.944 |
CIE-LUV | 65.253, -48.582, -7.062 |
Hunter-Lab | 58.623, -30.644, -3.884 |
Binary | 00100010, 10110000, 10101100 |
Color Schemes with #22b0ac
Alternatives to #22b0ac
Below, you can see some colors close to #22b0ac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b0ac Preview
This text has a font color of #22b0ac.
<span style="color:#22b0ac;">Text here</span>
This paragraph has a background color of #22b0ac.
<p style="background-color:#22b0ac;">Content here</p>
This element has a border color of #22b0ac.
<div style="border:1px solid #22b0ac;">Content here</div>
.text {color:#22b0ac;}
.background {background-color:#22b0ac;}
.border {border:1px solid #22b0ac;}
Shades and Tints of #22b0ac
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, #020c0b is the darkest color, while #fafefe is the lightest one.
-
#020c0b
#020c0b
rgb(2,12,11)
-
#051c1b
#051c1b
rgb(5,28,27)
-
#092c2b
#092c2b
rgb(9,44,43)
-
#0c3d3c
#0c3d3c
rgb(12,61,60)
-
#0f4d4c
#0f4d4c
rgb(15,77,76)
-
#125e5c
#125e5c
rgb(18,94,92)
-
#156e6c
#156e6c
rgb(21,110,108)
-
#187f7c
#187f7c
rgb(24,127,124)
-
#1c8f8c
#1c8f8c
rgb(28,143,140)
-
#1fa09c
#1fa09c
rgb(31,160,156)
-
#22b0ac
#22b0ac
rgb(34,176,172)
-
#25c0bc
#25c0bc
rgb(37,192,188)
-
#28d1cc
#28d1cc
rgb(40,209,204)
-
#35d8d3
#35d8d3
rgb(53,216,211)
-
#45dbd7
#45dbd7
rgb(69,219,215)
-
#56deda
#56deda
rgb(86,222,218)
-
#66e1de
#66e1de
rgb(102,225,222)
-
#77e5e2
#77e5e2
rgb(119,229,226)
-
#87e8e5
#87e8e5
rgb(135,232,229)
-
#98ebe9
#98ebe9
rgb(152,235,233)
-
#a8eeec
#a8eeec
rgb(168,238,236)
-
#b8f1f0
#b8f1f0
rgb(184,241,240)
-
#c9f5f3
#c9f5f3
rgb(201,245,243)
-
#d9f8f7
#d9f8f7
rgb(217,248,247)
-
#eafbfa
#eafbfa
rgb(234,251,250)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22b0ac
A tone is produced by adding gray to any pure hue. In this case, #636f6f is the less saturated color, while #02d0ca is the most saturated one.
-
#636f6f
#636f6f
rgb(99,111,111)
-
#5b7777
#5b7777
rgb(91,119,119)
-
#52807e
#52807e
rgb(82,128,126)
-
#4a8886
#4a8886
rgb(74,136,134)
-
#42908e
#42908e
rgb(66,144,142)
-
#3a9895
#3a9895
rgb(58,152,149)
-
#32a09d
#32a09d
rgb(50,160,157)
-
#2aa8a4
#2aa8a4
rgb(42,168,164)
-
#22b0ac
#22b0ac
rgb(34,176,172)
-
#1ab8b4
#1ab8b4
rgb(26,184,180)
-
#12c0bb
#12c0bb
rgb(18,192,187)
-
#0ac8c3
#0ac8c3
rgb(10,200,195)
-
#02d0ca
#02d0ca
rgb(2,208,202)
Color Blindness Simulator
Below, you can see how #22b0ac 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.