#22f685 Color Information
In a RGB color space, hex #22f685 is composed of 13.3% red, 96.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 0% magenta, 45.9% yellow and 3.5% black. It has a hue angle of 148 degrees, a saturation of 92.2% and a lightness of 54.9%. #22f685 color hex could be obtained by blending #44ffff with #00ed0b. Closest websafe color is: #33ff99.
-
- R 13
- G 96
- B 52
-
- C 86
- M 0
- Y 46
- K 4
● #22f685 color description : Vivid cyan - lime green.
#22f685 Color Conversion
The hexadecimal color #22f685 has RGB values of R:34, G:246, B:133 and CMYK values of C:0.86, M:0, Y:0.46, K:0.04. Its decimal value is 2291333.
Hex triplet | 22f685 | #22f685 |
---|---|---|
RGB Decimal | 34, 246, 133 | rgb(34,246,133) |
RGB Percent | 13.3, 96.5, 52.2 | rgb(13.3%,96.5%,52.2%) |
CMYK | 86, 0, 46, 4 | |
HSL | 148°, 92.2, 54.9 | hsl(148,92.2%,54.9%) |
HSV (or HSB) | 148°, 86.2, 96.5 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 85.977, -71.71, 41.062 |
---|---|
XYZ | 37.846, 67.941, 33.308 |
xyY | 0.272, 0.488, 67.941 |
CIE-LCH | 85.977, 82.635, 150.204 |
CIE-LUV | 85.977, -74.868, 67.298 |
Hunter-Lab | 82.426, -62.287, 33.739 |
Binary | 00100010, 11110110, 10000101 |
Color Schemes with #22f685
Alternatives to #22f685
Below, you can see some colors close to #22f685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22f685 Preview
This text has a font color of #22f685.
<span style="color:#22f685;">Text here</span>
This paragraph has a background color of #22f685.
<p style="background-color:#22f685;">Content here</p>
This element has a border color of #22f685.
<div style="border:1px solid #22f685;">Content here</div>
.text {color:#22f685;}
.background {background-color:#22f685;}
.border {border:1px solid #22f685;}
Shades and Tints of #22f685
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, #000503 is the darkest color, while #f1fef7 is the lightest one.
-
#000503
#000503
rgb(0,5,3)
-
#01180c
#01180c
rgb(1,24,12)
-
#022b15
#022b15
rgb(2,43,21)
-
#033e1e
#033e1e
rgb(3,62,30)
-
#035127
#035127
rgb(3,81,39)
-
#046331
#046331
rgb(4,99,49)
-
#05763a
#05763a
rgb(5,118,58)
-
#068943
#068943
rgb(6,137,67)
-
#069c4c
#069c4c
rgb(6,156,76)
-
#07af55
#07af55
rgb(7,175,85)
-
#08c25f
#08c25f
rgb(8,194,95)
-
#09d568
#09d568
rgb(9,213,104)
-
#09e771
#09e771
rgb(9,231,113)
-
#0ff57b
#0ff57b
rgb(15,245,123)
-
#22f685
#22f685
rgb(34,246,133)
-
#35f78f
#35f78f
rgb(53,247,143)
-
#48f89a
#48f89a
rgb(72,248,154)
-
#5bf8a4
#5bf8a4
rgb(91,248,164)
-
#6df9af
#6df9af
rgb(109,249,175)
-
#80fab9
#80fab9
rgb(128,250,185)
-
#93fbc3
#93fbc3
rgb(147,251,195)
-
#a6fbce
#a6fbce
rgb(166,251,206)
-
#b9fcd8
#b9fcd8
rgb(185,252,216)
-
#ccfde3
#ccfde3
rgb(204,253,227)
-
#defeed
#defeed
rgb(222,254,237)
-
#f1fef7
#f1fef7
rgb(241,254,247)
Tones of #22f685
A tone is produced by adding gray to any pure hue. In this case, #83958b is the less saturated color, while #19ff84 is the most saturated one.
-
#83958b
#83958b
rgb(131,149,139)
-
#7a9e8b
#7a9e8b
rgb(122,158,139)
-
#72a68a
#72a68a
rgb(114,166,138)
-
#69af8a
#69af8a
rgb(105,175,138)
-
#60b889
#60b889
rgb(96,184,137)
-
#57c189
#57c189
rgb(87,193,137)
-
#4eca88
#4eca88
rgb(78,202,136)
-
#45d387
#45d387
rgb(69,211,135)
-
#3ddb87
#3ddb87
rgb(61,219,135)
-
#34e486
#34e486
rgb(52,228,134)
-
#2bed86
#2bed86
rgb(43,237,134)
-
#22f685
#22f685
rgb(34,246,133)
-
#19ff84
#19ff84
rgb(25,255,132)
Color Blindness Simulator
Below, you can see how #22f685 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.