#22ad64 Color Information
In a RGB color space, hex #22ad64 is composed of 13.3% red, 67.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 0% magenta, 42.2% yellow and 32.2% black. It has a hue angle of 148.5 degrees, a saturation of 67.1% and a lightness of 40.6%. #22ad64 color hex could be obtained by blending #44ffc8 with #005b00. Closest websafe color is: #339966.
-
- R 13
- G 68
- B 39
-
- C 80
- M 0
- Y 42
- K 32
● #22ad64 color description : Dark cyan - lime green.
#22ad64 Color Conversion
The hexadecimal color #22ad64 has RGB values of R:34, G:173, B:100 and CMYK values of C:0.8, M:0, Y:0.42, K:0.32. Its decimal value is 2272612.
Hex triplet | 22ad64 | #22ad64 |
---|---|---|
RGB Decimal | 34, 173, 100 | rgb(34,173,100) |
RGB Percent | 13.3, 67.8, 39.2 | rgb(13.3%,67.8%,39.2%) |
CMYK | 80, 0, 42, 32 | |
HSL | 148.5°, 67.1, 40.6 | hsl(148.5,67.1%,40.6%) |
HSV (or HSB) | 148.5°, 80.3, 67.8 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 62.63, -52.313, 27.614 |
---|---|
XYZ | 17.902, 31.145, 17.124 |
xyY | 0.271, 0.471, 31.145 |
CIE-LCH | 62.63, 59.153, 152.172 |
CIE-LUV | 62.63, -52.397, 44.116 |
Hunter-Lab | 55.808, -40.405, 20.873 |
Binary | 00100010, 10101101, 01100100 |
Color Schemes with #22ad64
Alternatives to #22ad64
Below, you can see some colors close to #22ad64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22ad64 Preview
This text has a font color of #22ad64.
<span style="color:#22ad64;">Text here</span>
This paragraph has a background color of #22ad64.
<p style="background-color:#22ad64;">Content here</p>
This element has a border color of #22ad64.
<div style="border:1px solid #22ad64;">Content here</div>
.text {color:#22ad64;}
.background {background-color:#22ad64;}
.border {border:1px solid #22ad64;}
Shades and Tints of #22ad64
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, #020905 is the darkest color, while #f8fefa is the lightest one.
-
#020905
#020905
rgb(2,9,5)
-
#05190f
#05190f
rgb(5,25,15)
-
#082a18
#082a18
rgb(8,42,24)
-
#0b3a22
#0b3a22
rgb(11,58,34)
-
#0f4b2b
#0f4b2b
rgb(15,75,43)
-
#125b35
#125b35
rgb(18,91,53)
-
#156b3e
#156b3e
rgb(21,107,62)
-
#187c48
#187c48
rgb(24,124,72)
-
#1c8c51
#1c8c51
rgb(28,140,81)
-
#1f9d5b
#1f9d5b
rgb(31,157,91)
-
#22ad64
#22ad64
rgb(34,173,100)
-
#25bd6d
#25bd6d
rgb(37,189,109)
-
#28ce77
#28ce77
rgb(40,206,119)
-
#33d781
#33d781
rgb(51,215,129)
-
#43da8b
#43da8b
rgb(67,218,139)
-
#54dd95
#54dd95
rgb(84,221,149)
-
#64e19f
#64e19f
rgb(100,225,159)
-
#75e4a9
#75e4a9
rgb(117,228,169)
-
#85e7b3
#85e7b3
rgb(133,231,179)
-
#95eabe
#95eabe
rgb(149,234,190)
-
#a6edc8
#a6edc8
rgb(166,237,200)
-
#b6f1d2
#b6f1d2
rgb(182,241,210)
-
#c6f4dc
#c6f4dc
rgb(198,244,220)
-
#d7f7e6
#d7f7e6
rgb(215,247,230)
-
#e7faf0
#e7faf0
rgb(231,250,240)
-
#f8fefa
#f8fefa
rgb(248,254,250)
Tones of #22ad64
A tone is produced by adding gray to any pure hue. In this case, #626d67 is the less saturated color, while #02cd62 is the most saturated one.
-
#626d67
#626d67
rgb(98,109,103)
-
#5a7567
#5a7567
rgb(90,117,103)
-
#527d66
#527d66
rgb(82,125,102)
-
#4a8566
#4a8566
rgb(74,133,102)
-
#428d66
#428d66
rgb(66,141,102)
-
#3a9565
#3a9565
rgb(58,149,101)
-
#329d65
#329d65
rgb(50,157,101)
-
#2aa564
#2aa564
rgb(42,165,100)
-
#22ad64
#22ad64
rgb(34,173,100)
-
#1ab564
#1ab564
rgb(26,181,100)
-
#12bd63
#12bd63
rgb(18,189,99)
-
#0ac563
#0ac563
rgb(10,197,99)
-
#02cd62
#02cd62
rgb(2,205,98)
Color Blindness Simulator
Below, you can see how #22ad64 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.