#22a361 Color Information
In a RGB color space, hex #22a361 is composed of 13.3% red, 63.9% green and 38% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 40.5% yellow and 36.1% black. It has a hue angle of 149.3 degrees, a saturation of 65.5% and a lightness of 38.6%. #22a361 color hex could be obtained by blending #44ffc2 with #004700. Closest websafe color is: #339966.
-
- R 13
- G 64
- B 38
-
- C 79
- M 0
- Y 40
- K 36
● #22a361 color description : Dark cyan - lime green.
#22a361 Color Conversion
The hexadecimal color #22a361 has RGB values of R:34, G:163, B:97 and CMYK values of C:0.79, M:0, Y:0.4, K:0.36. Its decimal value is 2270049.
Hex triplet | 22a361 | #22a361 |
---|---|---|
RGB Decimal | 34, 163, 97 | rgb(34,163,97) |
RGB Percent | 13.3, 63.9, 38 | rgb(13.3%,63.9%,38%) |
CMYK | 79, 0, 40, 36 | |
HSL | 149.3°, 65.5, 38.6 | hsl(149.3,65.5%,38.6%) |
HSV (or HSB) | 149.3°, 79.1, 63.9 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 59.339, -49.159, 24.89 |
---|---|
XYZ | 15.913, 27.396, 15.758 |
xyY | 0.269, 0.464, 27.396 |
CIE-LCH | 59.339, 55.101, 153.146 |
CIE-LUV | 59.339, -49.05, 39.883 |
Hunter-Lab | 52.341, -37.327, 18.789 |
Binary | 00100010, 10100011, 01100001 |
Color Schemes with #22a361
Alternatives to #22a361
Below, you can see some colors close to #22a361. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a361 Preview
This text has a font color of #22a361.
<span style="color:#22a361;">Text here</span>
This paragraph has a background color of #22a361.
<p style="background-color:#22a361;">Content here</p>
This element has a border color of #22a361.
<div style="border:1px solid #22a361;">Content here</div>
.text {color:#22a361;}
.background {background-color:#22a361;}
.border {border:1px solid #22a361;}
Shades and Tints of #22a361
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, #000100 is the darkest color, while #effcf5 is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#04110a
#04110a
rgb(4,17,10)
-
#072114
#072114
rgb(7,33,20)
-
#0a311d
#0a311d
rgb(10,49,29)
-
#0e4227
#0e4227
rgb(14,66,39)
-
#115231
#115231
rgb(17,82,49)
-
#14623a
#14623a
rgb(20,98,58)
-
#187244
#187244
rgb(24,114,68)
-
#1b834e
#1b834e
rgb(27,131,78)
-
#1f9357
#1f9357
rgb(31,147,87)
-
#22a361
#22a361
rgb(34,163,97)
-
#25b36b
#25b36b
rgb(37,179,107)
-
#29c374
#29c374
rgb(41,195,116)
-
#2dd37e
#2dd37e
rgb(45,211,126)
-
#3dd788
#3dd788
rgb(61,215,136)
-
#4dda92
#4dda92
rgb(77,218,146)
-
#5ddd9c
#5ddd9c
rgb(93,221,156)
-
#6ee1a6
#6ee1a6
rgb(110,225,166)
-
#7ee4b0
#7ee4b0
rgb(126,228,176)
-
#8ee7ba
#8ee7ba
rgb(142,231,186)
-
#9eebc4
#9eebc4
rgb(158,235,196)
-
#afeece
#afeece
rgb(175,238,206)
-
#bff2d8
#bff2d8
rgb(191,242,216)
-
#cff5e2
#cff5e2
rgb(207,245,226)
-
#dff8ec
#dff8ec
rgb(223,248,236)
-
#effcf5
#effcf5
rgb(239,252,245)
Tones of #22a361
A tone is produced by adding gray to any pure hue. In this case, #5f6662 is the less saturated color, while #04c160 is the most saturated one.
-
#5f6662
#5f6662
rgb(95,102,98)
-
#576e62
#576e62
rgb(87,110,98)
-
#4f7662
#4f7662
rgb(79,118,98)
-
#487d62
#487d62
rgb(72,125,98)
-
#408562
#408562
rgb(64,133,98)
-
#398c62
#398c62
rgb(57,140,98)
-
#319461
#319461
rgb(49,148,97)
-
#2a9b61
#2a9b61
rgb(42,155,97)
-
#22a361
#22a361
rgb(34,163,97)
-
#1aab61
#1aab61
rgb(26,171,97)
-
#13b261
#13b261
rgb(19,178,97)
-
#0bba60
#0bba60
rgb(11,186,96)
-
#04c160
#04c160
rgb(4,193,96)
Color Blindness Simulator
Below, you can see how #22a361 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.