#22af30 Color Information
In a RGB color space, hex #22af30 is composed of 13.3% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 126 degrees, a saturation of 67.5% and a lightness of 41%. #22af30 color hex could be obtained by blending #44ff60 with #005f00. Closest websafe color is: #339933.
-
- R 13
- G 69
- B 19
-
- C 81
- M 0
- Y 73
- K 31
● #22af30 color description : Dark lime green.
#22af30 Color Conversion
The hexadecimal color #22af30 has RGB values of R:34, G:175, B:48 and CMYK values of C:0.81, M:0, Y:0.73, K:0.31. Its decimal value is 2273072.
Hex triplet | 22af30 | #22af30 |
---|---|---|
RGB Decimal | 34, 175, 48 | rgb(34,175,48) |
RGB Percent | 13.3, 68.6, 18.8 | rgb(13.3%,68.6%,18.8%) |
CMYK | 81, 0, 73, 31 | |
HSL | 126°, 67.5, 41 | hsl(126,67.5%,41%) |
HSV (or HSB) | 126°, 80.6, 68.6 | |
Web Safe | 339933 | #339933 |
CIE-LAB | 62.686, -60.115, 52.074 |
---|---|
XYZ | 16.522, 31.212, 7.95 |
xyY | 0.297, 0.561, 31.212 |
CIE-LCH | 62.686, 79.533, 139.1 |
CIE-LUV | 62.686, -55.32, 68.479 |
Hunter-Lab | 55.867, -44.978, 30.67 |
Binary | 00100010, 10101111, 00110000 |
Color Schemes with #22af30
Alternatives to #22af30
Below, you can see some colors close to #22af30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af30 Preview
This text has a font color of #22af30.
<span style="color:#22af30;">Text here</span>
This paragraph has a background color of #22af30.
<p style="background-color:#22af30;">Content here</p>
This element has a border color of #22af30.
<div style="border:1px solid #22af30;">Content here</div>
.text {color:#22af30;}
.background {background-color:#22af30;}
.border {border:1px solid #22af30;}
Shades and Tints of #22af30
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, #020b03 is the darkest color, while #f9fefa is the lightest one.
-
#020b03
#020b03
rgb(2,11,3)
-
#051b07
#051b07
rgb(5,27,7)
-
#082c0c
#082c0c
rgb(8,44,12)
-
#0c3c10
#0c3c10
rgb(12,60,16)
-
#0f4c15
#0f4c15
rgb(15,76,21)
-
#125d19
#125d19
rgb(18,93,25)
-
#156d1e
#156d1e
rgb(21,109,30)
-
#187e22
#187e22
rgb(24,126,34)
-
#1c8e27
#1c8e27
rgb(28,142,39)
-
#1f9f2b
#1f9f2b
rgb(31,159,43)
-
#22af30
#22af30
rgb(34,175,48)
-
#25bf35
#25bf35
rgb(37,191,53)
-
#28d039
#28d039
rgb(40,208,57)
-
#34d844
#34d844
rgb(52,216,68)
-
#45db54
#45db54
rgb(69,219,84)
-
#55de63
#55de63
rgb(85,222,99)
-
#66e172
#66e172
rgb(102,225,114)
-
#76e481
#76e481
rgb(118,228,129)
-
#86e890
#86e890
rgb(134,232,144)
-
#97eb9f
#97eb9f
rgb(151,235,159)
-
#a7eeae
#a7eeae
rgb(167,238,174)
-
#b8f1bd
#b8f1bd
rgb(184,241,189)
-
#c8f4cc
#c8f4cc
rgb(200,244,204)
-
#d8f8dc
#d8f8dc
rgb(216,248,220)
-
#e9fbeb
#e9fbeb
rgb(233,251,235)
-
#f9fefa
#f9fefa
rgb(249,254,250)
Tones of #22af30
A tone is produced by adding gray to any pure hue. In this case, #626f64 is the less saturated color, while #02cf16 is the most saturated one.
-
#626f64
#626f64
rgb(98,111,100)
-
#5a775d
#5a775d
rgb(90,119,93)
-
#527f57
#527f57
rgb(82,127,87)
-
#4a8750
#4a8750
rgb(74,135,80)
-
#428f4a
#428f4a
rgb(66,143,74)
-
#3a9743
#3a9743
rgb(58,151,67)
-
#329f3d
#329f3d
rgb(50,159,61)
-
#2aa736
#2aa736
rgb(42,167,54)
-
#22af30
#22af30
rgb(34,175,48)
-
#1ab72a
#1ab72a
rgb(26,183,42)
-
#12bf23
#12bf23
rgb(18,191,35)
-
#0ac71d
#0ac71d
rgb(10,199,29)
-
#02cf16
#02cf16
rgb(2,207,22)
Color Blindness Simulator
Below, you can see how #22af30 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.