#22abb0 Color Information
In a RGB color space, hex #22abb0 is composed of 13.3% red, 67.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 2.8% magenta, 0% yellow and 31% black. It has a hue angle of 182.1 degrees, a saturation of 67.6% and a lightness of 41.2%. #22abb0 color hex could be obtained by blending #44ffff with #005761. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 69
-
- C 81
- M 3
- Y 0
- K 31
● #22abb0 color description : Dark cyan.
#22abb0 Color Conversion
The hexadecimal color #22abb0 has RGB values of R:34, G:171, B:176 and CMYK values of C:0.81, M:0.03, Y:0, K:0.31. Its decimal value is 2272176.
Hex triplet | 22abb0 | #22abb0 |
---|---|---|
RGB Decimal | 34, 171, 176 | rgb(34,171,176) |
RGB Percent | 13.3, 67.1, 69 | rgb(13.3%,67.1%,69%) |
CMYK | 81, 3, 0, 31 | |
HSL | 182.1°, 67.6, 41.2 | hsl(182.1,67.6%,41.2%) |
HSV (or HSB) | 182.1°, 80.7, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.834, -32.28, -12.587 |
---|---|
XYZ | 23.057, 32.598, 46.149 |
xyY | 0.226, 0.32, 32.598 |
CIE-LCH | 63.834, 34.647, 201.303 |
CIE-LUV | 63.834, -46.518, -14.362 |
Hunter-Lab | 57.095, -27.832, -7.957 |
Binary | 00100010, 10101011, 10110000 |
Color Schemes with #22abb0
Alternatives to #22abb0
Below, you can see some colors close to #22abb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22abb0 Preview
This text has a font color of #22abb0.
<span style="color:#22abb0;">Text here</span>
This paragraph has a background color of #22abb0.
<p style="background-color:#22abb0;">Content here</p>
This element has a border color of #22abb0.
<div style="border:1px solid #22abb0;">Content here</div>
.text {color:#22abb0;}
.background {background-color:#22abb0;}
.border {border:1px solid #22abb0;}
Shades and Tints of #22abb0
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, #020b0c is the darkest color, while #fafefe is the lightest one.
-
#020b0c
#020b0c
rgb(2,11,12)
-
#051b1c
#051b1c
rgb(5,27,28)
-
#092b2c
#092b2c
rgb(9,43,44)
-
#0c3b3d
#0c3b3d
rgb(12,59,61)
-
#0f4b4d
#0f4b4d
rgb(15,75,77)
-
#125b5e
#125b5e
rgb(18,91,94)
-
#156b6e
#156b6e
rgb(21,107,110)
-
#187b7f
#187b7f
rgb(24,123,127)
-
#1c8b8f
#1c8b8f
rgb(28,139,143)
-
#1f9ba0
#1f9ba0
rgb(31,155,160)
-
#22abb0
#22abb0
rgb(34,171,176)
-
#25bbc0
#25bbc0
rgb(37,187,192)
-
#28cbd1
#28cbd1
rgb(40,203,209)
-
#35d2d8
#35d2d8
rgb(53,210,216)
-
#45d6db
#45d6db
rgb(69,214,219)
-
#56dade
#56dade
rgb(86,218,222)
-
#66dde1
#66dde1
rgb(102,221,225)
-
#77e1e5
#77e1e5
rgb(119,225,229)
-
#87e4e8
#87e4e8
rgb(135,228,232)
-
#98e8eb
#98e8eb
rgb(152,232,235)
-
#a8ecee
#a8ecee
rgb(168,236,238)
-
#b8eff1
#b8eff1
rgb(184,239,241)
-
#c9f3f5
#c9f3f5
rgb(201,243,245)
-
#d9f7f8
#d9f7f8
rgb(217,247,248)
-
#eafafb
#eafafb
rgb(234,250,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22abb0
A tone is produced by adding gray to any pure hue. In this case, #636f6f is the less saturated color, while #02c9d0 is the most saturated one.
-
#636f6f
#636f6f
rgb(99,111,111)
-
#5b7677
#5b7677
rgb(91,118,119)
-
#527e80
#527e80
rgb(82,126,128)
-
#4a8588
#4a8588
rgb(74,133,136)
-
#428d90
#428d90
rgb(66,141,144)
-
#3a9498
#3a9498
rgb(58,148,152)
-
#329ca0
#329ca0
rgb(50,156,160)
-
#2aa3a8
#2aa3a8
rgb(42,163,168)
-
#22abb0
#22abb0
rgb(34,171,176)
-
#1ab3b8
#1ab3b8
rgb(26,179,184)
-
#12bac0
#12bac0
rgb(18,186,192)
-
#0ac2c8
#0ac2c8
rgb(10,194,200)
-
#02c9d0
#02c9d0
rgb(2,201,208)
Color Blindness Simulator
Below, you can see how #22abb0 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.