#22af82 Color Information
In a RGB color space, hex #22af82 is composed of 13.3% red, 68.6% green and 51% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 25.7% yellow and 31.4% black. It has a hue angle of 160.9 degrees, a saturation of 67.5% and a lightness of 41%. #22af82 color hex could be obtained by blending #44ffff with #005f05. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 51
-
- C 81
- M 0
- Y 26
- K 31
● #22af82 color description : Dark cyan - lime green.
#22af82 Color Conversion
The hexadecimal color #22af82 has RGB values of R:34, G:175, B:130 and CMYK values of C:0.81, M:0, Y:0.26, K:0.31. Its decimal value is 2273154.
Hex triplet | 22af82 | #22af82 |
---|---|---|
RGB Decimal | 34, 175, 130 | rgb(34,175,130) |
RGB Percent | 13.3, 68.6, 51 | rgb(13.3%,68.6%,51%) |
CMYK | 81, 0, 26, 31 | |
HSL | 160.9°, 67.5, 41 | hsl(160.9,67.5%,41%) |
HSV (or HSB) | 160.9°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.844, -46.673, 13.016 |
---|---|
XYZ | 20.017, 32.61, 26.357 |
xyY | 0.253, 0.413, 32.61 |
CIE-LCH | 63.844, 48.454, 164.417 |
CIE-LUV | 63.844, -51.227, 25.391 |
Hunter-Lab | 57.105, -37.363, 12.608 |
Binary | 00100010, 10101111, 10000010 |
Color Schemes with #22af82
Alternatives to #22af82
Below, you can see some colors close to #22af82. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af82 Preview
This text has a font color of #22af82.
<span style="color:#22af82;">Text here</span>
This paragraph has a background color of #22af82.
<p style="background-color:#22af82;">Content here</p>
This element has a border color of #22af82.
<div style="border:1px solid #22af82;">Content here</div>
.text {color:#22af82;}
.background {background-color:#22af82;}
.border {border:1px solid #22af82;}
Shades and Tints of #22af82
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 #f9fefc is the lightest one.
-
#020b08
#020b08
rgb(2,11,8)
-
#051b14
#051b14
rgb(5,27,20)
-
#082c20
#082c20
rgb(8,44,32)
-
#0c3c2d
#0c3c2d
rgb(12,60,45)
-
#0f4c39
#0f4c39
rgb(15,76,57)
-
#125d45
#125d45
rgb(18,93,69)
-
#156d51
#156d51
rgb(21,109,81)
-
#187e5d
#187e5d
rgb(24,126,93)
-
#1c8e6a
#1c8e6a
rgb(28,142,106)
-
#1f9f76
#1f9f76
rgb(31,159,118)
-
#22af82
#22af82
rgb(34,175,130)
-
#25bf8e
#25bf8e
rgb(37,191,142)
-
#28d09a
#28d09a
rgb(40,208,154)
-
#34d8a3
#34d8a3
rgb(52,216,163)
-
#45dbab
#45dbab
rgb(69,219,171)
-
#55deb2
#55deb2
rgb(85,222,178)
-
#66e1ba
#66e1ba
rgb(102,225,186)
-
#76e4c1
#76e4c1
rgb(118,228,193)
-
#86e8c9
#86e8c9
rgb(134,232,201)
-
#97ebd0
#97ebd0
rgb(151,235,208)
-
#a7eed7
#a7eed7
rgb(167,238,215)
-
#b8f1df
#b8f1df
rgb(184,241,223)
-
#c8f4e6
#c8f4e6
rgb(200,244,230)
-
#d8f8ee
#d8f8ee
rgb(216,248,238)
-
#e9fbf5
#e9fbf5
rgb(233,251,245)
-
#f9fefc
#f9fefc
rgb(249,254,252)
Tones of #22af82
A tone is produced by adding gray to any pure hue. In this case, #626f6b is the less saturated color, while #02cf8e is the most saturated one.
-
#626f6b
#626f6b
rgb(98,111,107)
-
#5a776e
#5a776e
rgb(90,119,110)
-
#527f71
#527f71
rgb(82,127,113)
-
#4a8773
#4a8773
rgb(74,135,115)
-
#428f76
#428f76
rgb(66,143,118)
-
#3a9779
#3a9779
rgb(58,151,121)
-
#329f7c
#329f7c
rgb(50,159,124)
-
#2aa77f
#2aa77f
rgb(42,167,127)
-
#22af82
#22af82
rgb(34,175,130)
-
#1ab785
#1ab785
rgb(26,183,133)
-
#12bf88
#12bf88
rgb(18,191,136)
-
#0ac78b
#0ac78b
rgb(10,199,139)
-
#02cf8e
#02cf8e
rgb(2,207,142)
Color Blindness Simulator
Below, you can see how #22af82 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.