#22afac Color Information
In a RGB color space, hex #22afac is composed of 13.3% red, 68.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 1.7% yellow and 31.4% black. It has a hue angle of 178.7 degrees, a saturation of 67.5% and a lightness of 41%. #22afac color hex could be obtained by blending #44ffff with #005f59. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 67
-
- C 81
- M 0
- Y 2
- K 31
● #22afac color description : Dark cyan.
#22afac Color Conversion
The hexadecimal color #22afac has RGB values of R:34, G:175, B:172 and CMYK values of C:0.81, M:0, Y:0.02, K:0.31. Its decimal value is 2273196.
Hex triplet | 22afac | #22afac |
---|---|---|
RGB Decimal | 34, 175, 172 | rgb(34,175,172) |
RGB Percent | 13.3, 68.6, 67.5 | rgb(13.3%,68.6%,67.5%) |
CMYK | 81, 0, 2, 31 | |
HSL | 178.7°, 67.5, 41 | hsl(178.7,67.5%,41%) |
HSV (or HSB) | 178.7°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.944, -35.371, -8.697 |
---|---|
XYZ | 23.434, 33.976, 44.35 |
xyY | 0.23, 0.334, 33.976 |
CIE-LCH | 64.944, 36.425, 193.813 |
CIE-LUV | 64.944, -48.228, -7.84 |
Hunter-Lab | 58.289, -30.245, -4.31 |
Binary | 00100010, 10101111, 10101100 |
Color Schemes with #22afac
Alternatives to #22afac
Below, you can see some colors close to #22afac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22afac Preview
This text has a font color of #22afac.
<span style="color:#22afac;">Text here</span>
This paragraph has a background color of #22afac.
<p style="background-color:#22afac;">Content here</p>
This element has a border color of #22afac.
<div style="border:1px solid #22afac;">Content here</div>
.text {color:#22afac;}
.background {background-color:#22afac;}
.border {border:1px solid #22afac;}
Shades and Tints of #22afac
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)
-
#082c2b
#082c2b
rgb(8,44,43)
-
#0c3c3b
#0c3c3b
rgb(12,60,59)
-
#0f4c4b
#0f4c4b
rgb(15,76,75)
-
#125d5b
#125d5b
rgb(18,93,91)
-
#156d6b
#156d6b
rgb(21,109,107)
-
#187e7c
#187e7c
rgb(24,126,124)
-
#1c8e8c
#1c8e8c
rgb(28,142,140)
-
#1f9f9c
#1f9f9c
rgb(31,159,156)
-
#22afac
#22afac
rgb(34,175,172)
-
#25bfbc
#25bfbc
rgb(37,191,188)
-
#28d0cc
#28d0cc
rgb(40,208,204)
-
#34d8d4
#34d8d4
rgb(52,216,212)
-
#45dbd8
#45dbd8
rgb(69,219,216)
-
#55dedb
#55dedb
rgb(85,222,219)
-
#66e1df
#66e1df
rgb(102,225,223)
-
#76e4e2
#76e4e2
rgb(118,228,226)
-
#86e8e5
#86e8e5
rgb(134,232,229)
-
#97ebe9
#97ebe9
rgb(151,235,233)
-
#a7eeec
#a7eeec
rgb(167,238,236)
-
#b8f1f0
#b8f1f0
rgb(184,241,240)
-
#c8f4f3
#c8f4f3
rgb(200,244,243)
-
#d8f8f7
#d8f8f7
rgb(216,248,247)
-
#e9fbfa
#e9fbfa
rgb(233,251,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22afac
A tone is produced by adding gray to any pure hue. In this case, #626f6e is the less saturated color, while #02cfcb is the most saturated one.
-
#626f6e
#626f6e
rgb(98,111,110)
-
#5a7776
#5a7776
rgb(90,119,118)
-
#527f7e
#527f7e
rgb(82,127,126)
-
#4a8786
#4a8786
rgb(74,135,134)
-
#428f8d
#428f8d
rgb(66,143,141)
-
#3a9795
#3a9795
rgb(58,151,149)
-
#329f9d
#329f9d
rgb(50,159,157)
-
#2aa7a4
#2aa7a4
rgb(42,167,164)
-
#22afac
#22afac
rgb(34,175,172)
-
#1ab7b4
#1ab7b4
rgb(26,183,180)
-
#12bfbb
#12bfbb
rgb(18,191,187)
-
#0ac7c3
#0ac7c3
rgb(10,199,195)
-
#02cfcb
#02cfcb
rgb(2,207,203)
Color Blindness Simulator
Below, you can see how #22afac 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.