#22abb2 Color Information
In a RGB color space, hex #22abb2 is composed of 13.3% red, 67.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 3.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 182.9 degrees, a saturation of 67.9% and a lightness of 41.6%. #22abb2 color hex could be obtained by blending #44ffff with #005765. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 70
-
- C 81
- M 4
- Y 0
- K 30
● #22abb2 color description : Dark cyan.
#22abb2 Color Conversion
The hexadecimal color #22abb2 has RGB values of R:34, G:171, B:178 and CMYK values of C:0.81, M:0.04, Y:0, K:0.3. Its decimal value is 2272178.
Hex triplet | 22abb2 | #22abb2 |
---|---|---|
RGB Decimal | 34, 171, 178 | rgb(34,171,178) |
RGB Percent | 13.3, 67.1, 69.8 | rgb(13.3%,67.1%,69.8%) |
CMYK | 81, 4, 0, 30 | |
HSL | 182.9°, 67.9, 41.6 | hsl(182.9,67.9%,41.6%) |
HSV (or HSB) | 182.9°, 80.9, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.899, -31.664, -13.606 |
---|---|
XYZ | 23.256, 32.678, 47.199 |
xyY | 0.225, 0.317, 32.678 |
CIE-LCH | 63.899, 34.463, 203.253 |
CIE-LUV | 63.899, -46.372, -16.066 |
Hunter-Lab | 57.165, -27.42, -8.938 |
Binary | 00100010, 10101011, 10110010 |
Color Schemes with #22abb2
Alternatives to #22abb2
Below, you can see some colors close to #22abb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22abb2 Preview
This text has a font color of #22abb2.
<span style="color:#22abb2;">Text here</span>
This paragraph has a background color of #22abb2.
<p style="background-color:#22abb2;">Content here</p>
This element has a border color of #22abb2.
<div style="border:1px solid #22abb2;">Content here</div>
.text {color:#22abb2;}
.background {background-color:#22abb2;}
.border {border:1px solid #22abb2;}
Shades and Tints of #22abb2
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, #030d0d is the darkest color, while #fcfefe is the lightest one.
-
#030d0d
#030d0d
rgb(3,13,13)
-
#061d1e
#061d1e
rgb(6,29,30)
-
#092c2e
#092c2e
rgb(9,44,46)
-
#0c3c3f
#0c3c3f
rgb(12,60,63)
-
#0f4c4f
#0f4c4f
rgb(15,76,79)
-
#125c60
#125c60
rgb(18,92,96)
-
#156c70
#156c70
rgb(21,108,112)
-
#197c81
#197c81
rgb(25,124,129)
-
#1c8b91
#1c8b91
rgb(28,139,145)
-
#1f9ba2
#1f9ba2
rgb(31,155,162)
-
#22abb2
#22abb2
rgb(34,171,178)
-
#25bbc2
#25bbc2
rgb(37,187,194)
-
#28cbd3
#28cbd3
rgb(40,203,211)
-
#36d1d9
#36d1d9
rgb(54,209,217)
-
#47d5dc
#47d5dc
rgb(71,213,220)
-
#57d8df
#57d8df
rgb(87,216,223)
-
#68dce2
#68dce2
rgb(104,220,226)
-
#78e0e5
#78e0e5
rgb(120,224,229)
-
#89e4e8
#89e4e8
rgb(137,228,232)
-
#99e8ec
#99e8ec
rgb(153,232,236)
-
#a9ebef
#a9ebef
rgb(169,235,239)
-
#baeff2
#baeff2
rgb(186,239,242)
-
#caf3f5
#caf3f5
rgb(202,243,245)
-
#dbf7f8
#dbf7f8
rgb(219,247,248)
-
#ebfafb
#ebfafb
rgb(235,250,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #22abb2
A tone is produced by adding gray to any pure hue. In this case, #637071 is the less saturated color, while #01c8d3 is the most saturated one.
-
#637071
#637071
rgb(99,112,113)
-
#5b7779
#5b7779
rgb(91,119,121)
-
#537f81
#537f81
rgb(83,127,129)
-
#4b8689
#4b8689
rgb(75,134,137)
-
#438e91
#438e91
rgb(67,142,145)
-
#3a959a
#3a959a
rgb(58,149,154)
-
#329ca2
#329ca2
rgb(50,156,162)
-
#2aa4aa
#2aa4aa
rgb(42,164,170)
-
#22abb2
#22abb2
rgb(34,171,178)
-
#1ab2ba
#1ab2ba
rgb(26,178,186)
-
#12bac2
#12bac2
rgb(18,186,194)
-
#0ac1ca
#0ac1ca
rgb(10,193,202)
-
#01c8d3
#01c8d3
rgb(1,200,211)
Color Blindness Simulator
Below, you can see how #22abb2 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.