#22abaf Color Information
In a RGB color space, hex #22abaf is composed of 13.3% red, 67.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 2.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 181.7 degrees, a saturation of 67.5% and a lightness of 41%. #22abaf color hex could be obtained by blending #44ffff with #00575f. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 69
-
- C 81
- M 2
- Y 0
- K 31
● #22abaf color description : Dark cyan.
#22abaf Color Conversion
The hexadecimal color #22abaf has RGB values of R:34, G:171, B:175 and CMYK values of C:0.81, M:0.02, Y:0, K:0.31. Its decimal value is 2272175.
Hex triplet | 22abaf | #22abaf |
---|---|---|
RGB Decimal | 34, 171, 175 | rgb(34,171,175) |
RGB Percent | 13.3, 67.1, 68.6 | rgb(13.3%,67.1%,68.6%) |
CMYK | 81, 2, 0, 31 | |
HSL | 181.7°, 67.5, 41 | hsl(181.7,67.5%,41%) |
HSV (or HSB) | 181.7°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.802, -32.586, -12.077 |
---|---|
XYZ | 22.958, 32.559, 45.63 |
xyY | 0.227, 0.322, 32.559 |
CIE-LCH | 63.802, 34.752, 200.336 |
CIE-LUV | 63.802, -46.592, -13.512 |
Hunter-Lab | 57.06, -28.036, -7.47 |
Binary | 00100010, 10101011, 10101111 |
Color Schemes with #22abaf
Alternatives to #22abaf
Below, you can see some colors close to #22abaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22abaf Preview
This text has a font color of #22abaf.
<span style="color:#22abaf;">Text here</span>
This paragraph has a background color of #22abaf.
<p style="background-color:#22abaf;">Content here</p>
This element has a border color of #22abaf.
<div style="border:1px solid #22abaf;">Content here</div>
.text {color:#22abaf;}
.background {background-color:#22abaf;}
.border {border:1px solid #22abaf;}
Shades and Tints of #22abaf
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, #020b0b is the darkest color, while #f9fefe is the lightest one.
-
#020b0b
#020b0b
rgb(2,11,11)
-
#051b1b
#051b1b
rgb(5,27,27)
-
#082b2c
#082b2c
rgb(8,43,44)
-
#0c3b3c
#0c3b3c
rgb(12,59,60)
-
#0f4b4c
#0f4b4c
rgb(15,75,76)
-
#125b5d
#125b5d
rgb(18,91,93)
-
#156b6d
#156b6d
rgb(21,107,109)
-
#187b7e
#187b7e
rgb(24,123,126)
-
#1c8b8e
#1c8b8e
rgb(28,139,142)
-
#1f9b9f
#1f9b9f
rgb(31,155,159)
-
#22abaf
#22abaf
rgb(34,171,175)
-
#25bbbf
#25bbbf
rgb(37,187,191)
-
#28cbd0
#28cbd0
rgb(40,203,208)
-
#34d3d8
#34d3d8
rgb(52,211,216)
-
#45d7db
#45d7db
rgb(69,215,219)
-
#55dade
#55dade
rgb(85,218,222)
-
#66dee1
#66dee1
rgb(102,222,225)
-
#76e1e4
#76e1e4
rgb(118,225,228)
-
#86e5e8
#86e5e8
rgb(134,229,232)
-
#97e8eb
#97e8eb
rgb(151,232,235)
-
#a7ecee
#a7ecee
rgb(167,236,238)
-
#b8f0f1
#b8f0f1
rgb(184,240,241)
-
#c8f3f4
#c8f3f4
rgb(200,243,244)
-
#d8f7f8
#d8f7f8
rgb(216,247,248)
-
#e9fafb
#e9fafb
rgb(233,250,251)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22abaf
A tone is produced by adding gray to any pure hue. In this case, #626e6f is the less saturated color, while #02c9cf is the most saturated one.
-
#626e6f
#626e6f
rgb(98,110,111)
-
#5a7677
#5a7677
rgb(90,118,119)
-
#527e7f
#527e7f
rgb(82,126,127)
-
#4a8587
#4a8587
rgb(74,133,135)
-
#428d8f
#428d8f
rgb(66,141,143)
-
#3a9497
#3a9497
rgb(58,148,151)
-
#329c9f
#329c9f
rgb(50,156,159)
-
#2aa3a7
#2aa3a7
rgb(42,163,167)
-
#22abaf
#22abaf
rgb(34,171,175)
-
#1ab3b7
#1ab3b7
rgb(26,179,183)
-
#12babf
#12babf
rgb(18,186,191)
-
#0ac2c7
#0ac2c7
rgb(10,194,199)
-
#02c9cf
#02c9cf
rgb(2,201,207)
Color Blindness Simulator
Below, you can see how #22abaf 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.