#22af9e Color Information
In a RGB color space, hex #22af9e is composed of 13.3% red, 68.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 9.7% yellow and 31.4% black. It has a hue angle of 172.8 degrees, a saturation of 67.5% and a lightness of 41%. #22af9e color hex could be obtained by blending #44ffff with #005f3d. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 62
-
- C 81
- M 0
- Y 10
- K 31
● #22af9e color description : Dark cyan.
#22af9e Color Conversion
The hexadecimal color #22af9e has RGB values of R:34, G:175, B:158 and CMYK values of C:0.81, M:0, Y:0.1, K:0.31. Its decimal value is 2273182.
Hex triplet | 22af9e | #22af9e |
---|---|---|
RGB Decimal | 34, 175, 158 | rgb(34,175,158) |
RGB Percent | 13.3, 68.6, 62 | rgb(13.3%,68.6%,62%) |
CMYK | 81, 0, 10, 31 | |
HSL | 172.8°, 67.5, 41 | hsl(172.8,67.5%,41%) |
HSV (or HSB) | 172.8°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.537, -39.408, -1.506 |
---|---|
XYZ | 22.159, 33.466, 37.638 |
xyY | 0.238, 0.359, 33.466 |
CIE-LCH | 64.537, 39.437, 182.188 |
CIE-LUV | 64.537, -49.255, 3.734 |
Hunter-Lab | 57.85, -32.865, 1.921 |
Binary | 00100010, 10101111, 10011110 |
Color Schemes with #22af9e
Alternatives to #22af9e
Below, you can see some colors close to #22af9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af9e Preview
This text has a font color of #22af9e.
<span style="color:#22af9e;">Text here</span>
This paragraph has a background color of #22af9e.
<p style="background-color:#22af9e;">Content here</p>
This element has a border color of #22af9e.
<div style="border:1px solid #22af9e;">Content here</div>
.text {color:#22af9e;}
.background {background-color:#22af9e;}
.border {border:1px solid #22af9e;}
Shades and Tints of #22af9e
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)
-
#082c27
#082c27
rgb(8,44,39)
-
#0c3c36
#0c3c36
rgb(12,60,54)
-
#0f4c45
#0f4c45
rgb(15,76,69)
-
#125d54
#125d54
rgb(18,93,84)
-
#156d63
#156d63
rgb(21,109,99)
-
#187e72
#187e72
rgb(24,126,114)
-
#1c8e80
#1c8e80
rgb(28,142,128)
-
#1f9f8f
#1f9f8f
rgb(31,159,143)
-
#22af9e
#22af9e
rgb(34,175,158)
-
#25bfad
#25bfad
rgb(37,191,173)
-
#28d0bc
#28d0bc
rgb(40,208,188)
-
#34d8c4
#34d8c4
rgb(52,216,196)
-
#45dbc9
#45dbc9
rgb(69,219,201)
-
#55decd
#55decd
rgb(85,222,205)
-
#66e1d2
#66e1d2
rgb(102,225,210)
-
#76e4d7
#76e4d7
rgb(118,228,215)
-
#86e8dc
#86e8dc
rgb(134,232,220)
-
#97ebe1
#97ebe1
rgb(151,235,225)
-
#a7eee5
#a7eee5
rgb(167,238,229)
-
#b8f1ea
#b8f1ea
rgb(184,241,234)
-
#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 #22af9e
A tone is produced by adding gray to any pure hue. In this case, #626f6d is the less saturated color, while #02cfb6 is the most saturated one.
-
#626f6d
#626f6d
rgb(98,111,109)
-
#5a7773
#5a7773
rgb(90,119,115)
-
#527f79
#527f79
rgb(82,127,121)
-
#4a877f
#4a877f
rgb(74,135,127)
-
#428f86
#428f86
rgb(66,143,134)
-
#3a978c
#3a978c
rgb(58,151,140)
-
#329f92
#329f92
rgb(50,159,146)
-
#2aa798
#2aa798
rgb(42,167,152)
-
#22af9e
#22af9e
rgb(34,175,158)
-
#1ab7a4
#1ab7a4
rgb(26,183,164)
-
#12bfaa
#12bfaa
rgb(18,191,170)
-
#0ac7b0
#0ac7b0
rgb(10,199,176)
-
#02cfb6
#02cfb6
rgb(2,207,182)
Color Blindness Simulator
Below, you can see how #22af9e 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.