#22cc96 Color Information
In a RGB color space, hex #22cc96 is composed of 13.3% red, 80% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 26.5% yellow and 20% black. It has a hue angle of 160.9 degrees, a saturation of 71.4% and a lightness of 46.7%. #22cc96 color hex could be obtained by blending #44ffff with #00992d. Closest websafe color is: #33cc99.
-
- R 13
- G 80
- B 59
-
- C 83
- M 0
- Y 26
- K 20
● #22cc96 color description : Strong cyan - lime green.
#22cc96 Color Conversion
The hexadecimal color #22cc96 has RGB values of R:34, G:204, B:150 and CMYK values of C:0.83, M:0, Y:0.26, K:0.2. Its decimal value is 2280598.
Hex triplet | 22cc96 | #22cc96 |
---|---|---|
RGB Decimal | 34, 204, 150 | rgb(34,204,150) |
RGB Percent | 13.3, 80, 58.8 | rgb(13.3%,80%,58.8%) |
CMYK | 83, 0, 26, 20 | |
HSL | 160.9°, 71.4, 46.7 | hsl(160.9,71.4%,46.7%) |
HSV (or HSB) | 160.9°, 83.3, 80 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 73.367, -53.481, 15.509 |
---|---|
XYZ | 27.755, 45.725, 36.215 |
xyY | 0.253, 0.417, 45.725 |
CIE-LCH | 73.367, 55.684, 163.828 |
CIE-LUV | 73.367, -59.919, 30.648 |
Hunter-Lab | 67.62, -45.069, 15.58 |
Binary | 00100010, 11001100, 10010110 |
Color Schemes with #22cc96
Alternatives to #22cc96
Below, you can see some colors close to #22cc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22cc96 Preview
This text has a font color of #22cc96.
<span style="color:#22cc96;">Text here</span>
This paragraph has a background color of #22cc96.
<p style="background-color:#22cc96;">Content here</p>
This element has a border color of #22cc96.
<div style="border:1px solid #22cc96;">Content here</div>
.text {color:#22cc96;}
.background {background-color:#22cc96;}
.border {border:1px solid #22cc96;}
Shades and Tints of #22cc96
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, #000202 is the darkest color, while #f0fdf9 is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#03130e
#03130e
rgb(3,19,14)
-
#06241a
#06241a
rgb(6,36,26)
-
#093527
#093527
rgb(9,53,39)
-
#0c4533
#0c4533
rgb(12,69,51)
-
#0e563f
#0e563f
rgb(14,86,63)
-
#11674c
#11674c
rgb(17,103,76)
-
#147858
#147858
rgb(20,120,88)
-
#178965
#178965
rgb(23,137,101)
-
#1a9a71
#1a9a71
rgb(26,154,113)
-
#1caa7d
#1caa7d
rgb(28,170,125)
-
#1fbb8a
#1fbb8a
rgb(31,187,138)
-
#22cc96
#22cc96
rgb(34,204,150)
-
#27dba2
#27dba2
rgb(39,219,162)
-
#37dea9
#37dea9
rgb(55,222,169)
-
#48e1b0
#48e1b0
rgb(72,225,176)
-
#59e3b7
#59e3b7
rgb(89,227,183)
-
#6ae6bf
#6ae6bf
rgb(106,230,191)
-
#7be9c6
#7be9c6
rgb(123,233,198)
-
#8ceccd
#8ceccd
rgb(140,236,205)
-
#9cefd4
#9cefd4
rgb(156,239,212)
-
#adf1dc
#adf1dc
rgb(173,241,220)
-
#bef4e3
#bef4e3
rgb(190,244,227)
-
#cff7ea
#cff7ea
rgb(207,247,234)
-
#e0faf1
#e0faf1
rgb(224,250,241)
-
#f0fdf9
#f0fdf9
rgb(240,253,249)
Tones of #22cc96
A tone is produced by adding gray to any pure hue. In this case, #747a78 is the less saturated color, while #07e7a0 is the most saturated one.
-
#747a78
#747a78
rgb(116,122,120)
-
#6b837b
#6b837b
rgb(107,131,123)
-
#628c7f
#628c7f
rgb(98,140,127)
-
#599582
#599582
rgb(89,149,130)
-
#509e85
#509e85
rgb(80,158,133)
-
#47a789
#47a789
rgb(71,167,137)
-
#3db18c
#3db18c
rgb(61,177,140)
-
#34ba8f
#34ba8f
rgb(52,186,143)
-
#2bc393
#2bc393
rgb(43,195,147)
-
#22cc96
#22cc96
rgb(34,204,150)
-
#19d599
#19d599
rgb(25,213,153)
-
#10de9d
#10de9d
rgb(16,222,157)
-
#07e7a0
#07e7a0
rgb(7,231,160)
Color Blindness Simulator
Below, you can see how #22cc96 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.