#22ed96 Color Information
In a RGB color space, hex #22ed96 is composed of 13.3% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 154.3 degrees, a saturation of 84.9% and a lightness of 53.1%. #22ed96 color hex could be obtained by blending #44ffff with #00db2d. Closest websafe color is: #33ff99.
-
- R 13
- G 93
- B 59
-
- C 86
- M 0
- Y 37
- K 7
● #22ed96 color description : Vivid cyan - lime green.
#22ed96 Color Conversion
The hexadecimal color #22ed96 has RGB values of R:34, G:237, B:150 and CMYK values of C:0.86, M:0, Y:0.37, K:0.07. Its decimal value is 2289046.
Hex triplet | 22ed96 | #22ed96 |
---|---|---|
RGB Decimal | 34, 237, 150 | rgb(34,237,150) |
RGB Percent | 13.3, 92.9, 58.8 | rgb(13.3%,92.9%,58.8%) |
CMYK | 86, 0, 37, 7 | |
HSL | 154.3°, 84.9, 53.1 | hsl(154.3,84.9%,53.1%) |
HSV (or HSB) | 154.3°, 85.7, 92.9 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 83.498, -65.621, 29.377 |
---|---|
XYZ | 36.446, 63.107, 39.112 |
xyY | 0.263, 0.455, 63.107 |
CIE-LCH | 83.498, 71.897, 155.883 |
CIE-LUV | 83.498, -70.941, 51.898 |
Hunter-Lab | 79.44, -57.125, 26.416 |
Binary | 00100010, 11101101, 10010110 |
Color Schemes with #22ed96
Alternatives to #22ed96
Below, you can see some colors close to #22ed96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22ed96 Preview
This text has a font color of #22ed96.
<span style="color:#22ed96;">Text here</span>
This paragraph has a background color of #22ed96.
<p style="background-color:#22ed96;">Content here</p>
This element has a border color of #22ed96.
<div style="border:1px solid #22ed96;">Content here</div>
.text {color:#22ed96;}
.background {background-color:#22ed96;}
.border {border:1px solid #22ed96;}
Shades and Tints of #22ed96
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, #010f09 is the darkest color, while #fcfffd is the lightest one.
-
#010f09
#010f09
rgb(1,15,9)
-
#032114
#032114
rgb(3,33,20)
-
#04331f
#04331f
rgb(4,51,31)
-
#06452a
#06452a
rgb(6,69,42)
-
#075735
#075735
rgb(7,87,53)
-
#096940
#096940
rgb(9,105,64)
-
#0a7c4b
#0a7c4b
rgb(10,124,75)
-
#0c8e56
#0c8e56
rgb(12,142,86)
-
#0da061
#0da061
rgb(13,160,97)
-
#0fb26c
#0fb26c
rgb(15,178,108)
-
#10c477
#10c477
rgb(16,196,119)
-
#11d682
#11d682
rgb(17,214,130)
-
#13e88d
#13e88d
rgb(19,232,141)
-
#22ed96
#22ed96
rgb(34,237,150)
-
#34ee9f
#34ee9f
rgb(52,238,159)
-
#46f0a7
#46f0a7
rgb(70,240,167)
-
#58f1b0
#58f1b0
rgb(88,241,176)
-
#6bf3b8
#6bf3b8
rgb(107,243,184)
-
#7df4c1
#7df4c1
rgb(125,244,193)
-
#8ff6ca
#8ff6ca
rgb(143,246,202)
-
#a1f7d2
#a1f7d2
rgb(161,247,210)
-
#b3f9db
#b3f9db
rgb(179,249,219)
-
#c5fae4
#c5fae4
rgb(197,250,228)
-
#d7fcec
#d7fcec
rgb(215,252,236)
-
#eafdf5
#eafdf5
rgb(234,253,245)
-
#fcfffd
#fcfffd
rgb(252,255,253)
Tones of #22ed96
A tone is produced by adding gray to any pure hue. In this case, #878888 is the less saturated color, while #19f697 is the most saturated one.
-
#878888
#878888
rgb(135,136,136)
-
#7e9189
#7e9189
rgb(126,145,137)
-
#759a8a
#759a8a
rgb(117,154,138)
-
#6ca38b
#6ca38b
rgb(108,163,139)
-
#62ad8d
#62ad8d
rgb(98,173,141)
-
#59b68e
#59b68e
rgb(89,182,142)
-
#50bf8f
#50bf8f
rgb(80,191,143)
-
#47c891
#47c891
rgb(71,200,145)
-
#3ed192
#3ed192
rgb(62,209,146)
-
#34db93
#34db93
rgb(52,219,147)
-
#2be495
#2be495
rgb(43,228,149)
-
#22ed96
#22ed96
rgb(34,237,150)
-
#19f697
#19f697
rgb(25,246,151)
Color Blindness Simulator
Below, you can see how #22ed96 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.