#22e696 Color Information
In a RGB color space, hex #22e696 is composed of 13.3% red, 90.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 0% magenta, 34.8% yellow and 9.8% black. It has a hue angle of 155.5 degrees, a saturation of 79.7% and a lightness of 51.8%. #22e696 color hex could be obtained by blending #44ffff with #00cd2d. Closest websafe color is: #33ff99.
-
- R 13
- G 90
- B 59
-
- C 85
- M 0
- Y 35
- K 10
● #22e696 color description : Vivid cyan - lime green.
#22e696 Color Conversion
The hexadecimal color #22e696 has RGB values of R:34, G:230, B:150 and CMYK values of C:0.85, M:0, Y:0.35, K:0.1. Its decimal value is 2287254.
Hex triplet | 22e696 | #22e696 |
---|---|---|
RGB Decimal | 34, 230, 150 | rgb(34,230,150) |
RGB Percent | 13.3, 90.2, 58.8 | rgb(13.3%,90.2%,58.8%) |
CMYK | 85, 0, 35, 10 | |
HSL | 155.5°, 79.7, 51.8 | hsl(155.5,79.7%,51.8%) |
HSV (or HSB) | 155.5°, 85.2, 90.2 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 81.364, -63.147, 26.504 |
---|---|
XYZ | 34.459, 59.132, 38.45 |
xyY | 0.261, 0.448, 59.132 |
CIE-LCH | 81.364, 68.484, 157.231 |
CIE-LUV | 81.364, -68.642, 47.564 |
Hunter-Lab | 76.897, -54.582, 24.182 |
Binary | 00100010, 11100110, 10010110 |
Color Schemes with #22e696
Alternatives to #22e696
Below, you can see some colors close to #22e696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22e696 Preview
This text has a font color of #22e696.
<span style="color:#22e696;">Text here</span>
This paragraph has a background color of #22e696.
<p style="background-color:#22e696;">Content here</p>
This element has a border color of #22e696.
<div style="border:1px solid #22e696;">Content here</div>
.text {color:#22e696;}
.background {background-color:#22e696;}
.border {border:1px solid #22e696;}
Shades and Tints of #22e696
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, #010805 is the darkest color, while #f5fefa is the lightest one.
-
#010805
#010805
rgb(1,8,5)
-
#031a10
#031a10
rgb(3,26,16)
-
#052b1c
#052b1c
rgb(5,43,28)
-
#073d27
#073d27
rgb(7,61,39)
-
#094f32
#094f32
rgb(9,79,50)
-
#0b603d
#0b603d
rgb(11,96,61)
-
#0d7249
#0d7249
rgb(13,114,73)
-
#0f8354
#0f8354
rgb(15,131,84)
-
#11955f
#11955f
rgb(17,149,95)
-
#13a76a
#13a76a
rgb(19,167,106)
-
#15b876
#15b876
rgb(21,184,118)
-
#17ca81
#17ca81
rgb(23,202,129)
-
#19dc8c
#19dc8c
rgb(25,220,140)
-
#22e696
#22e696
rgb(34,230,150)
-
#34e89e
#34e89e
rgb(52,232,158)
-
#45eaa7
#45eaa7
rgb(69,234,167)
-
#57ecaf
#57ecaf
rgb(87,236,175)
-
#68eeb7
#68eeb7
rgb(104,238,183)
-
#7af0c0
#7af0c0
rgb(122,240,192)
-
#8cf2c8
#8cf2c8
rgb(140,242,200)
-
#9df4d1
#9df4d1
rgb(157,244,209)
-
#aff6d9
#aff6d9
rgb(175,246,217)
-
#c1f8e1
#c1f8e1
rgb(193,248,225)
-
#d2faea
#d2faea
rgb(210,250,234)
-
#e4fcf2
#e4fcf2
rgb(228,252,242)
-
#f5fefa
#f5fefa
rgb(245,254,250)
Tones of #22e696
A tone is produced by adding gray to any pure hue. In this case, #818785 is the less saturated color, while #0ff999 is the most saturated one.
-
#818785
#818785
rgb(129,135,133)
-
#779186
#779186
rgb(119,145,134)
-
#6e9a88
#6e9a88
rgb(110,154,136)
-
#64a48a
#64a48a
rgb(100,164,138)
-
#5bad8c
#5bad8c
rgb(91,173,140)
-
#51b78d
#51b78d
rgb(81,183,141)
-
#48c08f
#48c08f
rgb(72,192,143)
-
#3eca91
#3eca91
rgb(62,202,145)
-
#35d393
#35d393
rgb(53,211,147)
-
#2bdd94
#2bdd94
rgb(43,221,148)
-
#22e696
#22e696
rgb(34,230,150)
-
#19ef98
#19ef98
rgb(25,239,152)
-
#0ff999
#0ff999
rgb(15,249,153)
Color Blindness Simulator
Below, you can see how #22e696 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.