#22afa4 Color Information
In a RGB color space, hex #22afa4 is composed of 13.3% red, 68.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 6.3% yellow and 31.4% black. It has a hue angle of 175.3 degrees, a saturation of 67.5% and a lightness of 41%. #22afa4 color hex could be obtained by blending #44ffff with #005f49. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 64
-
- C 81
- M 0
- Y 6
- K 31
● #22afa4 color description : Dark cyan.
#22afa4 Color Conversion
The hexadecimal color #22afa4 has RGB values of R:34, G:175, B:164 and CMYK values of C:0.81, M:0, Y:0.06, K:0.31. Its decimal value is 2273188.
Hex triplet | 22afa4 | #22afa4 |
---|---|---|
RGB Decimal | 34, 175, 164 | rgb(34,175,164) |
RGB Percent | 13.3, 68.6, 64.3 | rgb(13.3%,68.6%,64.3%) |
CMYK | 81, 0, 6, 31 | |
HSL | 175.3°, 67.5, 41 | hsl(175.3,67.5%,41%) |
HSV (or HSB) | 175.3°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.706, -37.708, -4.596 |
---|---|
XYZ | 22.688, 33.678, 40.425 |
xyY | 0.234, 0.348, 33.678 |
CIE-LCH | 64.706, 37.987, 186.949 |
CIE-LUV | 64.706, -48.817, -1.179 |
Hunter-Lab | 58.033, -31.772, -0.677 |
Binary | 00100010, 10101111, 10100100 |
Color Schemes with #22afa4
Alternatives to #22afa4
Below, you can see some colors close to #22afa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22afa4 Preview
This text has a font color of #22afa4.
<span style="color:#22afa4;">Text here</span>
This paragraph has a background color of #22afa4.
<p style="background-color:#22afa4;">Content here</p>
This element has a border color of #22afa4.
<div style="border:1px solid #22afa4;">Content here</div>
.text {color:#22afa4;}
.background {background-color:#22afa4;}
.border {border:1px solid #22afa4;}
Shades and Tints of #22afa4
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, #020b0a is the darkest color, while #f9fefe is the lightest one.
-
#020b0a
#020b0a
rgb(2,11,10)
-
#051b19
#051b19
rgb(5,27,25)
-
#082c29
#082c29
rgb(8,44,41)
-
#0c3c38
#0c3c38
rgb(12,60,56)
-
#0f4c48
#0f4c48
rgb(15,76,72)
-
#125d57
#125d57
rgb(18,93,87)
-
#156d66
#156d66
rgb(21,109,102)
-
#187e76
#187e76
rgb(24,126,118)
-
#1c8e85
#1c8e85
rgb(28,142,133)
-
#1f9f95
#1f9f95
rgb(31,159,149)
-
#22afa4
#22afa4
rgb(34,175,164)
-
#25bfb3
#25bfb3
rgb(37,191,179)
-
#28d0c3
#28d0c3
rgb(40,208,195)
-
#34d8cb
#34d8cb
rgb(52,216,203)
-
#45dbcf
#45dbcf
rgb(69,219,207)
-
#55ded3
#55ded3
rgb(85,222,211)
-
#66e1d8
#66e1d8
rgb(102,225,216)
-
#76e4dc
#76e4dc
rgb(118,228,220)
-
#86e8e0
#86e8e0
rgb(134,232,224)
-
#97ebe4
#97ebe4
rgb(151,235,228)
-
#a7eee8
#a7eee8
rgb(167,238,232)
-
#b8f1ed
#b8f1ed
rgb(184,241,237)
-
#c8f4f1
#c8f4f1
rgb(200,244,241)
-
#d8f8f5
#d8f8f5
rgb(216,248,245)
-
#e9fbf9
#e9fbf9
rgb(233,251,249)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22afa4
A tone is produced by adding gray to any pure hue. In this case, #626f6e is the less saturated color, while #02cfbf is the most saturated one.
-
#626f6e
#626f6e
rgb(98,111,110)
-
#5a7775
#5a7775
rgb(90,119,117)
-
#527f7b
#527f7b
rgb(82,127,123)
-
#4a8782
#4a8782
rgb(74,135,130)
-
#428f89
#428f89
rgb(66,143,137)
-
#3a9790
#3a9790
rgb(58,151,144)
-
#329f96
#329f96
rgb(50,159,150)
-
#2aa79d
#2aa79d
rgb(42,167,157)
-
#22afa4
#22afa4
rgb(34,175,164)
-
#1ab7ab
#1ab7ab
rgb(26,183,171)
-
#12bfb2
#12bfb2
rgb(18,191,178)
-
#0ac7b8
#0ac7b8
rgb(10,199,184)
-
#02cfbf
#02cfbf
rgb(2,207,191)
Color Blindness Simulator
Below, you can see how #22afa4 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.