#22af77 Color Information
In a RGB color space, hex #22af77 is composed of 13.3% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 32% yellow and 31.4% black. It has a hue angle of 156.2 degrees, a saturation of 67.5% and a lightness of 41%. #22af77 color hex could be obtained by blending #44ffee with #005f00. Closest websafe color is: #339966.
-
- R 13
- G 69
- B 47
-
- C 81
- M 0
- Y 32
- K 31
● #22af77 color description : Dark cyan - lime green.
#22af77 Color Conversion
The hexadecimal color #22af77 has RGB values of R:34, G:175, B:119 and CMYK values of C:0.81, M:0, Y:0.32, K:0.31. Its decimal value is 2273143.
Hex triplet | 22af77 | #22af77 |
---|---|---|
RGB Decimal | 34, 175, 119 | rgb(34,175,119) |
RGB Percent | 13.3, 68.6, 46.7 | rgb(13.3%,68.6%,46.7%) |
CMYK | 81, 0, 32, 31 | |
HSL | 156.2°, 67.5, 41 | hsl(156.2,67.5%,41%) |
HSV (or HSB) | 156.2°, 80.6, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.615, -49.192, 18.721 |
---|---|
XYZ | 19.318, 32.33, 22.674 |
xyY | 0.26, 0.435, 32.33 |
CIE-LCH | 63.615, 52.633, 159.164 |
CIE-LUV | 63.615, -51.95, 33.158 |
Hunter-Lab | 56.859, -38.859, 16.158 |
Binary | 00100010, 10101111, 01110111 |
Color Schemes with #22af77
Alternatives to #22af77
Below, you can see some colors close to #22af77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af77 Preview
This text has a font color of #22af77.
<span style="color:#22af77;">Text here</span>
This paragraph has a background color of #22af77.
<p style="background-color:#22af77;">Content here</p>
This element has a border color of #22af77.
<div style="border:1px solid #22af77;">Content here</div>
.text {color:#22af77;}
.background {background-color:#22af77;}
.border {border:1px solid #22af77;}
Shades and Tints of #22af77
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)
-
#082c1e
#082c1e
rgb(8,44,30)
-
#0c3c29
#0c3c29
rgb(12,60,41)
-
#0f4c34
#0f4c34
rgb(15,76,52)
-
#125d3f
#125d3f
rgb(18,93,63)
-
#156d4a
#156d4a
rgb(21,109,74)
-
#187e55
#187e55
rgb(24,126,85)
-
#1c8e61
#1c8e61
rgb(28,142,97)
-
#1f9f6c
#1f9f6c
rgb(31,159,108)
-
#22af77
#22af77
rgb(34,175,119)
-
#25bf82
#25bf82
rgb(37,191,130)
-
#28d08d
#28d08d
rgb(40,208,141)
-
#34d897
#34d897
rgb(52,216,151)
-
#45db9f
#45db9f
rgb(69,219,159)
-
#55dea8
#55dea8
rgb(85,222,168)
-
#66e1b0
#66e1b0
rgb(102,225,176)
-
#76e4b9
#76e4b9
rgb(118,228,185)
-
#86e8c1
#86e8c1
rgb(134,232,193)
-
#97ebc9
#97ebc9
rgb(151,235,201)
-
#a7eed2
#a7eed2
rgb(167,238,210)
-
#b8f1da
#b8f1da
rgb(184,241,218)
-
#c8f4e3
#c8f4e3
rgb(200,244,227)
-
#d8f8eb
#d8f8eb
rgb(216,248,235)
-
#e9fbf4
#e9fbf4
rgb(233,251,244)
-
#f9fefc
#f9fefc
rgb(249,254,252)
Tones of #22af77
A tone is produced by adding gray to any pure hue. In this case, #626f6a is the less saturated color, while #02cf7e is the most saturated one.
-
#626f6a
#626f6a
rgb(98,111,106)
-
#5a776b
#5a776b
rgb(90,119,107)
-
#527f6d
#527f6d
rgb(82,127,109)
-
#4a876f
#4a876f
rgb(74,135,111)
-
#428f70
#428f70
rgb(66,143,112)
-
#3a9772
#3a9772
rgb(58,151,114)
-
#329f74
#329f74
rgb(50,159,116)
-
#2aa775
#2aa775
rgb(42,167,117)
-
#22af77
#22af77
rgb(34,175,119)
-
#1ab779
#1ab779
rgb(26,183,121)
-
#12bf7a
#12bf7a
rgb(18,191,122)
-
#0ac77c
#0ac77c
rgb(10,199,124)
-
#02cf7e
#02cf7e
rgb(2,207,126)
Color Blindness Simulator
Below, you can see how #22af77 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.