#22af86 Color Information
In a RGB color space, hex #22af86 is composed of 13.3% red, 68.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 162.6 degrees, a saturation of 67.5% and a lightness of 41%. #22af86 color hex could be obtained by blending #44ffff with #005f0d. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 53
-
- C 81
- M 0
- Y 23
- K 31
● #22af86 color description : Dark cyan - lime green.
#22af86 Color Conversion
The hexadecimal color #22af86 has RGB values of R:34, G:175, B:134 and CMYK values of C:0.81, M:0, Y:0.23, K:0.31. Its decimal value is 2273158.
Hex triplet | 22af86 | #22af86 |
---|---|---|
RGB Decimal | 34, 175, 134 | rgb(34,175,134) |
RGB Percent | 13.3, 68.6, 52.5 | rgb(13.3%,68.6%,52.5%) |
CMYK | 81, 0, 23, 31 | |
HSL | 162.6°, 67.5, 41 | hsl(162.6,67.5%,41%) |
HSV (or HSB) | 162.6°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.933, -45.708, 10.937 |
---|---|
XYZ | 20.291, 32.719, 27.799 |
xyY | 0.251, 0.405, 32.719 |
CIE-LCH | 63.933, 46.998, 166.543 |
CIE-LUV | 63.933, -50.956, 22.451 |
Hunter-Lab | 57.201, -36.781, 11.226 |
Binary | 00100010, 10101111, 10000110 |
Color Schemes with #22af86
Alternatives to #22af86
Below, you can see some colors close to #22af86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af86 Preview
This text has a font color of #22af86.
<span style="color:#22af86;">Text here</span>
This paragraph has a background color of #22af86.
<p style="background-color:#22af86;">Content here</p>
This element has a border color of #22af86.
<div style="border:1px solid #22af86;">Content here</div>
.text {color:#22af86;}
.background {background-color:#22af86;}
.border {border:1px solid #22af86;}
Shades and Tints of #22af86
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, #020b08 is the darkest color, while #f9fefd is the lightest one.
-
#020b08
#020b08
rgb(2,11,8)
-
#051b15
#051b15
rgb(5,27,21)
-
#082c21
#082c21
rgb(8,44,33)
-
#0c3c2e
#0c3c2e
rgb(12,60,46)
-
#0f4c3b
#0f4c3b
rgb(15,76,59)
-
#125d47
#125d47
rgb(18,93,71)
-
#156d54
#156d54
rgb(21,109,84)
-
#187e60
#187e60
rgb(24,126,96)
-
#1c8e6d
#1c8e6d
rgb(28,142,109)
-
#1f9f79
#1f9f79
rgb(31,159,121)
-
#22af86
#22af86
rgb(34,175,134)
-
#25bf93
#25bf93
rgb(37,191,147)
-
#28d09f
#28d09f
rgb(40,208,159)
-
#34d8a8
#34d8a8
rgb(52,216,168)
-
#45dbaf
#45dbaf
rgb(69,219,175)
-
#55deb6
#55deb6
rgb(85,222,182)
-
#66e1bd
#66e1bd
rgb(102,225,189)
-
#76e4c4
#76e4c4
rgb(118,228,196)
-
#86e8cb
#86e8cb
rgb(134,232,203)
-
#97ebd2
#97ebd2
rgb(151,235,210)
-
#a7eed9
#a7eed9
rgb(167,238,217)
-
#b8f1e0
#b8f1e0
rgb(184,241,224)
-
#c8f4e7
#c8f4e7
rgb(200,244,231)
-
#d8f8ee
#d8f8ee
rgb(216,248,238)
-
#e9fbf6
#e9fbf6
rgb(233,251,246)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22af86
A tone is produced by adding gray to any pure hue. In this case, #626f6b is the less saturated color, while #02cf93 is the most saturated one.
-
#626f6b
#626f6b
rgb(98,111,107)
-
#5a776e
#5a776e
rgb(90,119,110)
-
#527f72
#527f72
rgb(82,127,114)
-
#4a8775
#4a8775
rgb(74,135,117)
-
#428f79
#428f79
rgb(66,143,121)
-
#3a977c
#3a977c
rgb(58,151,124)
-
#329f7f
#329f7f
rgb(50,159,127)
-
#2aa783
#2aa783
rgb(42,167,131)
-
#22af86
#22af86
rgb(34,175,134)
-
#1ab789
#1ab789
rgb(26,183,137)
-
#12bf8d
#12bf8d
rgb(18,191,141)
-
#0ac790
#0ac790
rgb(10,199,144)
-
#02cf93
#02cf93
rgb(2,207,147)
Color Blindness Simulator
Below, you can see how #22af86 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.