#22af8f Color Information
In a RGB color space, hex #22af8f is composed of 13.3% red, 68.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 166.4 degrees, a saturation of 67.5% and a lightness of 41%. #22af8f color hex could be obtained by blending #44ffff with #005f1f. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 56
-
- C 81
- M 0
- Y 18
- K 31
● #22af8f color description : Dark cyan.
#22af8f Color Conversion
The hexadecimal color #22af8f has RGB values of R:34, G:175, B:143 and CMYK values of C:0.81, M:0, Y:0.18, K:0.31. Its decimal value is 2273167.
Hex triplet | 22af8f | #22af8f |
---|---|---|
RGB Decimal | 34, 175, 143 | rgb(34,175,143) |
RGB Percent | 13.3, 68.6, 56.1 | rgb(13.3%,68.6%,56.1%) |
CMYK | 81, 0, 18, 31 | |
HSL | 166.4°, 67.5, 41 | hsl(166.4,67.5%,41%) |
HSV (or HSB) | 166.4°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.146, -43.444, 6.261 |
---|---|
XYZ | 20.946, 32.981, 31.247 |
xyY | 0.246, 0.387, 32.981 |
CIE-LCH | 64.146, 43.893, 171.799 |
CIE-LUV | 64.146, -50.331, 15.632 |
Hunter-Lab | 57.429, -35.398, 7.941 |
Binary | 00100010, 10101111, 10001111 |
Color Schemes with #22af8f
Alternatives to #22af8f
Below, you can see some colors close to #22af8f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af8f Preview
This text has a font color of #22af8f.
<span style="color:#22af8f;">Text here</span>
This paragraph has a background color of #22af8f.
<p style="background-color:#22af8f;">Content here</p>
This element has a border color of #22af8f.
<div style="border:1px solid #22af8f;">Content here</div>
.text {color:#22af8f;}
.background {background-color:#22af8f;}
.border {border:1px solid #22af8f;}
Shades and Tints of #22af8f
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, #020b09 is the darkest color, while #f9fefd is the lightest one.
-
#020b09
#020b09
rgb(2,11,9)
-
#051b16
#051b16
rgb(5,27,22)
-
#082c24
#082c24
rgb(8,44,36)
-
#0c3c31
#0c3c31
rgb(12,60,49)
-
#0f4c3e
#0f4c3e
rgb(15,76,62)
-
#125d4c
#125d4c
rgb(18,93,76)
-
#156d59
#156d59
rgb(21,109,89)
-
#187e67
#187e67
rgb(24,126,103)
-
#1c8e74
#1c8e74
rgb(28,142,116)
-
#1f9f82
#1f9f82
rgb(31,159,130)
-
#22af8f
#22af8f
rgb(34,175,143)
-
#25bf9c
#25bf9c
rgb(37,191,156)
-
#28d0aa
#28d0aa
rgb(40,208,170)
-
#34d8b3
#34d8b3
rgb(52,216,179)
-
#45dbb9
#45dbb9
rgb(69,219,185)
-
#55debf
#55debf
rgb(85,222,191)
-
#66e1c5
#66e1c5
rgb(102,225,197)
-
#76e4cb
#76e4cb
rgb(118,228,203)
-
#86e8d2
#86e8d2
rgb(134,232,210)
-
#97ebd8
#97ebd8
rgb(151,235,216)
-
#a7eede
#a7eede
rgb(167,238,222)
-
#b8f1e4
#b8f1e4
rgb(184,241,228)
-
#c8f4ea
#c8f4ea
rgb(200,244,234)
-
#d8f8f0
#d8f8f0
rgb(216,248,240)
-
#e9fbf7
#e9fbf7
rgb(233,251,247)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22af8f
A tone is produced by adding gray to any pure hue. In this case, #626f6c is the less saturated color, while #02cfa1 is the most saturated one.
-
#626f6c
#626f6c
rgb(98,111,108)
-
#5a7770
#5a7770
rgb(90,119,112)
-
#527f75
#527f75
rgb(82,127,117)
-
#4a8779
#4a8779
rgb(74,135,121)
-
#428f7d
#428f7d
rgb(66,143,125)
-
#3a9782
#3a9782
rgb(58,151,130)
-
#329f86
#329f86
rgb(50,159,134)
-
#2aa78b
#2aa78b
rgb(42,167,139)
-
#22af8f
#22af8f
rgb(34,175,143)
-
#1ab793
#1ab793
rgb(26,183,147)
-
#12bf98
#12bf98
rgb(18,191,152)
-
#0ac79c
#0ac79c
rgb(10,199,156)
-
#02cfa1
#02cfa1
rgb(2,207,161)
Color Blindness Simulator
Below, you can see how #22af8f 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.