#22af9f Color Information
In a RGB color space, hex #22af9f is composed of 13.3% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 173.2 degrees, a saturation of 67.5% and a lightness of 41%. #22af9f color hex could be obtained by blending #44ffff with #005f3f. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 62
-
- C 81
- M 0
- Y 9
- K 31
● #22af9f color description : Dark cyan.
#22af9f Color Conversion
The hexadecimal color #22af9f has RGB values of R:34, G:175, B:159 and CMYK values of C:0.81, M:0, Y:0.09, K:0.31. Its decimal value is 2273183.
Hex triplet | 22af9f | #22af9f |
---|---|---|
RGB Decimal | 34, 175, 159 | rgb(34,175,159) |
RGB Percent | 13.3, 68.6, 62.4 | rgb(13.3%,68.6%,62.4%) |
CMYK | 81, 0, 9, 31 | |
HSL | 173.2°, 67.5, 41 | hsl(173.2,67.5%,41%) |
HSV (or HSB) | 173.2°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.565, -39.128, -2.022 |
---|---|
XYZ | 22.246, 33.501, 38.093 |
xyY | 0.237, 0.357, 33.501 |
CIE-LCH | 64.565, 39.18, 182.958 |
CIE-LUV | 64.565, -49.182, 2.921 |
Hunter-Lab | 57.88, -32.686, 1.495 |
Binary | 00100010, 10101111, 10011111 |
Color Schemes with #22af9f
Alternatives to #22af9f
Below, you can see some colors close to #22af9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af9f Preview
This text has a font color of #22af9f.
<span style="color:#22af9f;">Text here</span>
This paragraph has a background color of #22af9f.
<p style="background-color:#22af9f;">Content here</p>
This element has a border color of #22af9f.
<div style="border:1px solid #22af9f;">Content here</div>
.text {color:#22af9f;}
.background {background-color:#22af9f;}
.border {border:1px solid #22af9f;}
Shades and Tints of #22af9f
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 #f9fefd is the lightest one.
-
#020b0a
#020b0a
rgb(2,11,10)
-
#051b19
#051b19
rgb(5,27,25)
-
#082c28
#082c28
rgb(8,44,40)
-
#0c3c37
#0c3c37
rgb(12,60,55)
-
#0f4c45
#0f4c45
rgb(15,76,69)
-
#125d54
#125d54
rgb(18,93,84)
-
#156d63
#156d63
rgb(21,109,99)
-
#187e72
#187e72
rgb(24,126,114)
-
#1c8e81
#1c8e81
rgb(28,142,129)
-
#1f9f90
#1f9f90
rgb(31,159,144)
-
#22af9f
#22af9f
rgb(34,175,159)
-
#25bfae
#25bfae
rgb(37,191,174)
-
#28d0bd
#28d0bd
rgb(40,208,189)
-
#34d8c5
#34d8c5
rgb(52,216,197)
-
#45dbca
#45dbca
rgb(69,219,202)
-
#55dece
#55dece
rgb(85,222,206)
-
#66e1d3
#66e1d3
rgb(102,225,211)
-
#76e4d8
#76e4d8
rgb(118,228,216)
-
#86e8dd
#86e8dd
rgb(134,232,221)
-
#97ebe1
#97ebe1
rgb(151,235,225)
-
#a7eee6
#a7eee6
rgb(167,238,230)
-
#b8f1eb
#b8f1eb
rgb(184,241,235)
-
#c8f4ef
#c8f4ef
rgb(200,244,239)
-
#d8f8f4
#d8f8f4
rgb(216,248,244)
-
#e9fbf9
#e9fbf9
rgb(233,251,249)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22af9f
A tone is produced by adding gray to any pure hue. In this case, #626f6d is the less saturated color, while #02cfb8 is the most saturated one.
-
#626f6d
#626f6d
rgb(98,111,109)
-
#5a7774
#5a7774
rgb(90,119,116)
-
#527f7a
#527f7a
rgb(82,127,122)
-
#4a8780
#4a8780
rgb(74,135,128)
-
#428f86
#428f86
rgb(66,143,134)
-
#3a978c
#3a978c
rgb(58,151,140)
-
#329f93
#329f93
rgb(50,159,147)
-
#2aa799
#2aa799
rgb(42,167,153)
-
#22af9f
#22af9f
rgb(34,175,159)
-
#1ab7a5
#1ab7a5
rgb(26,183,165)
-
#12bfab
#12bfab
rgb(18,191,171)
-
#0ac7b2
#0ac7b2
rgb(10,199,178)
-
#02cfb8
#02cfb8
rgb(2,207,184)
Color Blindness Simulator
Below, you can see how #22af9f 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.