#22f886 Color Information
In a RGB color space, hex #22f886 is composed of 13.3% red, 97.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 0% magenta, 46% yellow and 2.7% black. It has a hue angle of 148 degrees, a saturation of 93.9% and a lightness of 55.3%. #22f886 color hex could be obtained by blending #44ffff with #00f10d. Closest websafe color is: #33ff99.
-
- R 13
- G 97
- B 53
-
- C 86
- M 0
- Y 46
- K 3
● #22f886 color description : Vivid cyan - lime green.
#22f886 Color Conversion
The hexadecimal color #22f886 has RGB values of R:34, G:248, B:134 and CMYK values of C:0.86, M:0, Y:0.46, K:0.03. Its decimal value is 2291846.
Hex triplet | 22f886 | #22f886 |
---|---|---|
RGB Decimal | 34, 248, 134 | rgb(34,248,134) |
RGB Percent | 13.3, 97.3, 52.5 | rgb(13.3%,97.3%,52.5%) |
CMYK | 86, 0, 46, 3 | |
HSL | 148°, 93.9, 55.3 | hsl(148,93.9%,55.3%) |
HSV (or HSB) | 148°, 86.3, 97.3 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 86.599, -72.198, 41.371 |
---|---|
XYZ | 38.527, 69.192, 33.878 |
xyY | 0.272, 0.489, 69.192 |
CIE-LCH | 86.599, 83.212, 150.186 |
CIE-LUV | 86.599, -75.452, 67.859 |
Hunter-Lab | 83.182, -62.892, 34.08 |
Binary | 00100010, 11111000, 10000110 |
Color Schemes with #22f886
Alternatives to #22f886
Below, you can see some colors close to #22f886. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22f886 Preview
This text has a font color of #22f886.
<span style="color:#22f886;">Text here</span>
This paragraph has a background color of #22f886.
<p style="background-color:#22f886;">Content here</p>
This element has a border color of #22f886.
<div style="border:1px solid #22f886;">Content here</div>
.text {color:#22f886;}
.background {background-color:#22f886;}
.border {border:1px solid #22f886;}
Shades and Tints of #22f886
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, #000703 is the darkest color, while #f3fff9 is the lightest one.
-
#000703
#000703
rgb(0,7,3)
-
#011a0d
#011a0d
rgb(1,26,13)
-
#012d16
#012d16
rgb(1,45,22)
-
#02401f
#02401f
rgb(2,64,31)
-
#035328
#035328
rgb(3,83,40)
-
#036631
#036631
rgb(3,102,49)
-
#04793b
#04793b
rgb(4,121,59)
-
#048c44
#048c44
rgb(4,140,68)
-
#059f4d
#059f4d
rgb(5,159,77)
-
#06b256
#06b256
rgb(6,178,86)
-
#06c560
#06c560
rgb(6,197,96)
-
#07d869
#07d869
rgb(7,216,105)
-
#07eb72
#07eb72
rgb(7,235,114)
-
#0ff77c
#0ff77c
rgb(15,247,124)
-
#22f886
#22f886
rgb(34,248,134)
-
#35f990
#35f990
rgb(53,249,144)
-
#48f99b
#48f99b
rgb(72,249,155)
-
#5bfaa5
#5bfaa5
rgb(91,250,165)
-
#6efab0
#6efab0
rgb(110,250,176)
-
#81fbba
#81fbba
rgb(129,251,186)
-
#94fcc4
#94fcc4
rgb(148,252,196)
-
#a7fccf
#a7fccf
rgb(167,252,207)
-
#bafdd9
#bafdd9
rgb(186,253,217)
-
#cdfde4
#cdfde4
rgb(205,253,228)
-
#e0feee
#e0feee
rgb(224,254,238)
-
#f3fff9
#f3fff9
rgb(243,255,249)
Tones of #22f886
A tone is produced by adding gray to any pure hue. In this case, #8b8f8d is the less saturated color, while #22f886 is the most saturated one.
-
#8b8f8d
#8b8f8d
rgb(139,143,141)
-
#82988c
#82988c
rgb(130,152,140)
-
#7aa08c
#7aa08c
rgb(122,160,140)
-
#71a98b
#71a98b
rgb(113,169,139)
-
#68b28b
#68b28b
rgb(104,178,139)
-
#5fbb8a
#5fbb8a
rgb(95,187,138)
-
#57c389
#57c389
rgb(87,195,137)
-
#4ecc89
#4ecc89
rgb(78,204,137)
-
#45d588
#45d588
rgb(69,213,136)
-
#3cde88
#3cde88
rgb(60,222,136)
-
#34e687
#34e687
rgb(52,230,135)
-
#2bef87
#2bef87
rgb(43,239,135)
-
#22f886
#22f886
rgb(34,248,134)
Color Blindness Simulator
Below, you can see how #22f886 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.