#22af85 Color Information
In a RGB color space, hex #22af85 is composed of 13.3% red, 68.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 24% yellow and 31.4% black. It has a hue angle of 162.1 degrees, a saturation of 67.5% and a lightness of 41%. #22af85 color hex could be obtained by blending #44ffff with #005f0b. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 52
-
- C 81
- M 0
- Y 24
- K 31
● #22af85 color description : Dark cyan - lime green.
#22af85 Color Conversion
The hexadecimal color #22af85 has RGB values of R:34, G:175, B:133 and CMYK values of C:0.81, M:0, Y:0.24, K:0.31. Its decimal value is 2273157.
Hex triplet | 22af85 | #22af85 |
---|---|---|
RGB Decimal | 34, 175, 133 | rgb(34,175,133) |
RGB Percent | 13.3, 68.6, 52.2 | rgb(13.3%,68.6%,52.2%) |
CMYK | 81, 0, 24, 31 | |
HSL | 162.1°, 67.5, 41 | hsl(162.1,67.5%,41%) |
HSV (or HSB) | 162.1°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.91, -45.951, 11.457 |
---|---|
XYZ | 20.222, 32.691, 27.433 |
xyY | 0.252, 0.407, 32.691 |
CIE-LCH | 63.91, 47.358, 166 |
CIE-LUV | 63.91, -51.024, 23.191 |
Hunter-Lab | 57.176, -36.929, 11.576 |
Binary | 00100010, 10101111, 10000101 |
Color Schemes with #22af85
Alternatives to #22af85
Below, you can see some colors close to #22af85. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af85 Preview
This text has a font color of #22af85.
<span style="color:#22af85;">Text here</span>
This paragraph has a background color of #22af85.
<p style="background-color:#22af85;">Content here</p>
This element has a border color of #22af85.
<div style="border:1px solid #22af85;">Content here</div>
.text {color:#22af85;}
.background {background-color:#22af85;}
.border {border:1px solid #22af85;}
Shades and Tints of #22af85
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, #020b08 is the darkest color, while #f9fefd is the lightest one.
-
#020b08
#020b08
rgb(2,11,8)
-
#051b15
#051b15
rgb(5,27,21)
-
#082c21
#082c21
rgb(8,44,33)
-
#0c3c2e
#0c3c2e
rgb(12,60,46)
-
#0f4c3a
#0f4c3a
rgb(15,76,58)
-
#125d47
#125d47
rgb(18,93,71)
-
#156d53
#156d53
rgb(21,109,83)
-
#187e60
#187e60
rgb(24,126,96)
-
#1c8e6c
#1c8e6c
rgb(28,142,108)
-
#1f9f79
#1f9f79
rgb(31,159,121)
-
#22af85
#22af85
rgb(34,175,133)
-
#25bf91
#25bf91
rgb(37,191,145)
-
#28d09e
#28d09e
rgb(40,208,158)
-
#34d8a7
#34d8a7
rgb(52,216,167)
-
#45dbae
#45dbae
rgb(69,219,174)
-
#55deb5
#55deb5
rgb(85,222,181)
-
#66e1bc
#66e1bc
rgb(102,225,188)
-
#76e4c3
#76e4c3
rgb(118,228,195)
-
#86e8cb
#86e8cb
rgb(134,232,203)
-
#97ebd2
#97ebd2
rgb(151,235,210)
-
#a7eed9
#a7eed9
rgb(167,238,217)
-
#b8f1e0
#b8f1e0
rgb(184,241,224)
-
#c8f4e7
#c8f4e7
rgb(200,244,231)
-
#d8f8ee
#d8f8ee
rgb(216,248,238)
-
#e9fbf5
#e9fbf5
rgb(233,251,245)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22af85
A tone is produced by adding gray to any pure hue. In this case, #626f6b is the less saturated color, while #02cf92 is the most saturated one.
-
#626f6b
#626f6b
rgb(98,111,107)
-
#5a776e
#5a776e
rgb(90,119,110)
-
#527f72
#527f72
rgb(82,127,114)
-
#4a8775
#4a8775
rgb(74,135,117)
-
#428f78
#428f78
rgb(66,143,120)
-
#3a977b
#3a977b
rgb(58,151,123)
-
#329f7f
#329f7f
rgb(50,159,127)
-
#2aa782
#2aa782
rgb(42,167,130)
-
#22af85
#22af85
rgb(34,175,133)
-
#1ab788
#1ab788
rgb(26,183,136)
-
#12bf8b
#12bf8b
rgb(18,191,139)
-
#0ac78f
#0ac78f
rgb(10,199,143)
-
#02cf92
#02cf92
rgb(2,207,146)
Color Blindness Simulator
Below, you can see how #22af85 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.