#22af72 Color Information
In a RGB color space, hex #22af72 is composed of 13.3% red, 68.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 34.9% yellow and 31.4% black. It has a hue angle of 154 degrees, a saturation of 67.5% and a lightness of 41%. #22af72 color hex could be obtained by blending #44ffe4 with #005f00. Closest websafe color is: #339966.
-
- R 13
- G 69
- B 45
-
- C 81
- M 0
- Y 35
- K 31
● #22af72 color description : Dark cyan - lime green.
#22af72 Color Conversion
The hexadecimal color #22af72 has RGB values of R:34, G:175, B:114 and CMYK values of C:0.81, M:0, Y:0.35, K:0.31. Its decimal value is 2273138.
Hex triplet | 22af72 | #22af72 |
---|---|---|
RGB Decimal | 34, 175, 114 | rgb(34,175,114) |
RGB Percent | 13.3, 68.6, 44.7 | rgb(13.3%,68.6%,44.7%) |
CMYK | 81, 0, 35, 31 | |
HSL | 154°, 67.5, 41 | hsl(154,67.5%,41%) |
HSV (or HSB) | 154°, 80.6, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.519, -50.268, 21.303 |
---|---|
XYZ | 19.025, 32.213, 21.134 |
xyY | 0.263, 0.445, 32.213 |
CIE-LCH | 63.519, 54.596, 157.034 |
CIE-LUV | 63.519, -52.265, 36.52 |
Hunter-Lab | 56.756, -39.488, 17.652 |
Binary | 00100010, 10101111, 01110010 |
Color Schemes with #22af72
Alternatives to #22af72
Below, you can see some colors close to #22af72. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af72 Preview
This text has a font color of #22af72.
<span style="color:#22af72;">Text here</span>
This paragraph has a background color of #22af72.
<p style="background-color:#22af72;">Content here</p>
This element has a border color of #22af72.
<div style="border:1px solid #22af72;">Content here</div>
.text {color:#22af72;}
.background {background-color:#22af72;}
.border {border:1px solid #22af72;}
Shades and Tints of #22af72
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, #020b07 is the darkest color, while #f9fefc is the lightest one.
-
#020b07
#020b07
rgb(2,11,7)
-
#051b12
#051b12
rgb(5,27,18)
-
#082c1c
#082c1c
rgb(8,44,28)
-
#0c3c27
#0c3c27
rgb(12,60,39)
-
#0f4c32
#0f4c32
rgb(15,76,50)
-
#125d3d
#125d3d
rgb(18,93,61)
-
#156d47
#156d47
rgb(21,109,71)
-
#187e52
#187e52
rgb(24,126,82)
-
#1c8e5d
#1c8e5d
rgb(28,142,93)
-
#1f9f67
#1f9f67
rgb(31,159,103)
-
#22af72
#22af72
rgb(34,175,114)
-
#25bf7d
#25bf7d
rgb(37,191,125)
-
#28d087
#28d087
rgb(40,208,135)
-
#34d891
#34d891
rgb(52,216,145)
-
#45db9a
#45db9a
rgb(69,219,154)
-
#55dea3
#55dea3
rgb(85,222,163)
-
#66e1ac
#66e1ac
rgb(102,225,172)
-
#76e4b5
#76e4b5
rgb(118,228,181)
-
#86e8be
#86e8be
rgb(134,232,190)
-
#97ebc6
#97ebc6
rgb(151,235,198)
-
#a7eecf
#a7eecf
rgb(167,238,207)
-
#b8f1d8
#b8f1d8
rgb(184,241,216)
-
#c8f4e1
#c8f4e1
rgb(200,244,225)
-
#d8f8ea
#d8f8ea
rgb(216,248,234)
-
#e9fbf3
#e9fbf3
rgb(233,251,243)
-
#f9fefc
#f9fefc
rgb(249,254,252)
Tones of #22af72
A tone is produced by adding gray to any pure hue. In this case, #626f69 is the less saturated color, while #02cf76 is the most saturated one.
-
#626f69
#626f69
rgb(98,111,105)
-
#5a776a
#5a776a
rgb(90,119,106)
-
#527f6c
#527f6c
rgb(82,127,108)
-
#4a876d
#4a876d
rgb(74,135,109)
-
#428f6e
#428f6e
rgb(66,143,110)
-
#3a976f
#3a976f
rgb(58,151,111)
-
#329f70
#329f70
rgb(50,159,112)
-
#2aa771
#2aa771
rgb(42,167,113)
-
#22af72
#22af72
rgb(34,175,114)
-
#1ab773
#1ab773
rgb(26,183,115)
-
#12bf74
#12bf74
rgb(18,191,116)
-
#0ac775
#0ac775
rgb(10,199,117)
-
#02cf76
#02cf76
rgb(2,207,118)
Color Blindness Simulator
Below, you can see how #22af72 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.