#22af8e Color Information
In a RGB color space, hex #22af8e is composed of 13.3% red, 68.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 166 degrees, a saturation of 67.5% and a lightness of 41%. #22af8e color hex could be obtained by blending #44ffff with #005f1d. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 56
-
- C 81
- M 0
- Y 19
- K 31
● #22af8e color description : Dark cyan.
#22af8e Color Conversion
The hexadecimal color #22af8e has RGB values of R:34, G:175, B:142 and CMYK values of C:0.81, M:0, Y:0.19, K:0.31. Its decimal value is 2273166.
Hex triplet | 22af8e | #22af8e |
---|---|---|
RGB Decimal | 34, 175, 142 | rgb(34,175,142) |
RGB Percent | 13.3, 68.6, 55.7 | rgb(13.3%,68.6%,55.7%) |
CMYK | 81, 0, 19, 31 | |
HSL | 166°, 67.5, 41 | hsl(166,67.5%,41%) |
HSV (or HSB) | 166°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.121, -43.702, 6.78 |
---|---|
XYZ | 20.87, 32.951, 30.85 |
xyY | 0.246, 0.389, 32.951 |
CIE-LCH | 64.121, 44.225, 171.181 |
CIE-LUV | 64.121, -50.401, 16.403 |
Hunter-Lab | 57.403, -35.557, 8.318 |
Binary | 00100010, 10101111, 10001110 |
Color Schemes with #22af8e
Alternatives to #22af8e
Below, you can see some colors close to #22af8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af8e Preview
This text has a font color of #22af8e.
<span style="color:#22af8e;">Text here</span>
This paragraph has a background color of #22af8e.
<p style="background-color:#22af8e;">Content here</p>
This element has a border color of #22af8e.
<div style="border:1px solid #22af8e;">Content here</div>
.text {color:#22af8e;}
.background {background-color:#22af8e;}
.border {border:1px solid #22af8e;}
Shades and Tints of #22af8e
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)
-
#082c23
#082c23
rgb(8,44,35)
-
#0c3c31
#0c3c31
rgb(12,60,49)
-
#0f4c3e
#0f4c3e
rgb(15,76,62)
-
#125d4b
#125d4b
rgb(18,93,75)
-
#156d59
#156d59
rgb(21,109,89)
-
#187e66
#187e66
rgb(24,126,102)
-
#1c8e73
#1c8e73
rgb(28,142,115)
-
#1f9f81
#1f9f81
rgb(31,159,129)
-
#22af8e
#22af8e
rgb(34,175,142)
-
#25bf9b
#25bf9b
rgb(37,191,155)
-
#28d0a9
#28d0a9
rgb(40,208,169)
-
#34d8b1
#34d8b1
rgb(52,216,177)
-
#45dbb8
#45dbb8
rgb(69,219,184)
-
#55debe
#55debe
rgb(85,222,190)
-
#66e1c4
#66e1c4
rgb(102,225,196)
-
#76e4cb
#76e4cb
rgb(118,228,203)
-
#86e8d1
#86e8d1
rgb(134,232,209)
-
#97ebd7
#97ebd7
rgb(151,235,215)
-
#a7eedd
#a7eedd
rgb(167,238,221)
-
#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 #22af8e
A tone is produced by adding gray to any pure hue. In this case, #626f6c is the less saturated color, while #02cf9f is the most saturated one.
-
#626f6c
#626f6c
rgb(98,111,108)
-
#5a7770
#5a7770
rgb(90,119,112)
-
#527f74
#527f74
rgb(82,127,116)
-
#4a8779
#4a8779
rgb(74,135,121)
-
#428f7d
#428f7d
rgb(66,143,125)
-
#3a9781
#3a9781
rgb(58,151,129)
-
#329f85
#329f85
rgb(50,159,133)
-
#2aa78a
#2aa78a
rgb(42,167,138)
-
#22af8e
#22af8e
rgb(34,175,142)
-
#1ab792
#1ab792
rgb(26,183,146)
-
#12bf97
#12bf97
rgb(18,191,151)
-
#0ac79b
#0ac79b
rgb(10,199,155)
-
#02cf9f
#02cf9f
rgb(2,207,159)
Color Blindness Simulator
Below, you can see how #22af8e 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.