#22a777 Color Information
In a RGB color space, hex #22a777 is composed of 13.3% red, 65.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 28.7% yellow and 34.5% black. It has a hue angle of 158.3 degrees, a saturation of 66.2% and a lightness of 39.4%. #22a777 color hex could be obtained by blending #44ffee with #004f00. Closest websafe color is: #339966.
-
- R 13
- G 65
- B 47
-
- C 80
- M 0
- Y 29
- K 35
● #22a777 color description : Dark cyan - lime green.
#22a777 Color Conversion
The hexadecimal color #22a777 has RGB values of R:34, G:167, B:119 and CMYK values of C:0.8, M:0, Y:0.29, K:0.35. Its decimal value is 2271095.
Hex triplet | 22a777 | #22a777 |
---|---|---|
RGB Decimal | 34, 167, 119 | rgb(34,167,119) |
RGB Percent | 13.3, 65.5, 46.7 | rgb(13.3%,65.5%,46.7%) |
CMYK | 80, 0, 29, 35 | |
HSL | 158.3°, 66.2, 39.4 | hsl(158.3,66.2%,39.4%) |
HSV (or HSB) | 158.3°, 79.6, 65.5 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 61.052, -46.021, 15.187 |
---|---|
XYZ | 17.807, 29.308, 22.17 |
xyY | 0.257, 0.423, 29.308 |
CIE-LCH | 61.052, 48.462, 161.737 |
CIE-LUV | 61.052, -49.123, 27.862 |
Hunter-Lab | 54.137, -36.026, 13.615 |
Binary | 00100010, 10100111, 01110111 |
Color Schemes with #22a777
Alternatives to #22a777
Below, you can see some colors close to #22a777. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a777 Preview
This text has a font color of #22a777.
<span style="color:#22a777;">Text here</span>
This paragraph has a background color of #22a777.
<p style="background-color:#22a777;">Content here</p>
This element has a border color of #22a777.
<div style="border:1px solid #22a777;">Content here</div>
.text {color:#22a777;}
.background {background-color:#22a777;}
.border {border:1px solid #22a777;}
Shades and Tints of #22a777
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, #010403 is the darkest color, while #f3fdf9 is the lightest one.
-
#010403
#010403
rgb(1,4,3)
-
#04140e
#04140e
rgb(4,20,14)
-
#07251a
#07251a
rgb(7,37,26)
-
#0b3526
#0b3526
rgb(11,53,38)
-
#0e4531
#0e4531
rgb(14,69,49)
-
#11563d
#11563d
rgb(17,86,61)
-
#156649
#156649
rgb(21,102,73)
-
#187654
#187654
rgb(24,118,84)
-
#1b8660
#1b8660
rgb(27,134,96)
-
#1f976b
#1f976b
rgb(31,151,107)
-
#22a777
#22a777
rgb(34,167,119)
-
#25b783
#25b783
rgb(37,183,131)
-
#29c88e
#29c88e
rgb(41,200,142)
-
#2fd599
#2fd599
rgb(47,213,153)
-
#3fd8a1
#3fd8a1
rgb(63,216,161)
-
#50dba9
#50dba9
rgb(80,219,169)
-
#60dfb1
#60dfb1
rgb(96,223,177)
-
#70e2b9
#70e2b9
rgb(112,226,185)
-
#81e5c1
#81e5c1
rgb(129,229,193)
-
#91e9c9
#91e9c9
rgb(145,233,201)
-
#a1ecd1
#a1ecd1
rgb(161,236,209)
-
#b2efd9
#b2efd9
rgb(178,239,217)
-
#c2f3e1
#c2f3e1
rgb(194,243,225)
-
#d2f6e9
#d2f6e9
rgb(210,246,233)
-
#e2f9f1
#e2f9f1
rgb(226,249,241)
-
#f3fdf9
#f3fdf9
rgb(243,253,249)
Tones of #22a777
A tone is produced by adding gray to any pure hue. In this case, #606966 is the less saturated color, while #03c680 is the most saturated one.
-
#606966
#606966
rgb(96,105,102)
-
#587168
#587168
rgb(88,113,104)
-
#50796a
#50796a
rgb(80,121,106)
-
#49806c
#49806c
rgb(73,128,108)
-
#41886e
#41886e
rgb(65,136,110)
-
#399071
#399071
rgb(57,144,113)
-
#319873
#319873
rgb(49,152,115)
-
#2a9f75
#2a9f75
rgb(42,159,117)
-
#22a777
#22a777
rgb(34,167,119)
-
#1aaf79
#1aaf79
rgb(26,175,121)
-
#13b67b
#13b67b
rgb(19,182,123)
-
#0bbe7d
#0bbe7d
rgb(11,190,125)
-
#03c680
#03c680
rgb(3,198,128)
Color Blindness Simulator
Below, you can see how #22a777 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.