#22aa84 Color Information
In a RGB color space, hex #22aa84 is composed of 13.3% red, 66.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 22.4% yellow and 33.3% black. It has a hue angle of 163.2 degrees, a saturation of 66.7% and a lightness of 40%. #22aa84 color hex could be obtained by blending #44ffff with #005509. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 52
-
- C 80
- M 0
- Y 22
- K 33
● #22aa84 color description : Dark cyan - lime green.
#22aa84 Color Conversion
The hexadecimal color #22aa84 has RGB values of R:34, G:170, B:132 and CMYK values of C:0.8, M:0, Y:0.22, K:0.33. Its decimal value is 2271876.
Hex triplet | 22aa84 | #22aa84 |
---|---|---|
RGB Decimal | 34, 170, 132 | rgb(34,170,132) |
RGB Percent | 13.3, 66.7, 51.8 | rgb(13.3%,66.7%,51.8%) |
CMYK | 80, 0, 22, 33 | |
HSL | 163.2°, 66.7, 40 | hsl(163.2,66.7%,40%) |
HSV (or HSB) | 163.2°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.299, -44.132, 9.732 |
---|---|
XYZ | 19.198, 30.754, 26.753 |
xyY | 0.25, 0.401, 30.754 |
CIE-LCH | 62.299, 45.192, 167.564 |
CIE-LUV | 62.299, -49.322, 20.448 |
Hunter-Lab | 55.456, -35.255, 10.217 |
Binary | 00100010, 10101010, 10000100 |
Color Schemes with #22aa84
Alternatives to #22aa84
Below, you can see some colors close to #22aa84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22aa84 Preview
This text has a font color of #22aa84.
<span style="color:#22aa84;">Text here</span>
This paragraph has a background color of #22aa84.
<p style="background-color:#22aa84;">Content here</p>
This element has a border color of #22aa84.
<div style="border:1px solid #22aa84;">Content here</div>
.text {color:#22aa84;}
.background {background-color:#22aa84;}
.border {border:1px solid #22aa84;}
Shades and Tints of #22aa84
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, #010705 is the darkest color, while #f5fdfb is the lightest one.
-
#010705
#010705
rgb(1,7,5)
-
#051712
#051712
rgb(5,23,18)
-
#08271e
#08271e
rgb(8,39,30)
-
#0b382b
#0b382b
rgb(11,56,43)
-
#0e4838
#0e4838
rgb(14,72,56)
-
#125845
#125845
rgb(18,88,69)
-
#156951
#156951
rgb(21,105,81)
-
#18795e
#18795e
rgb(24,121,94)
-
#1b896b
#1b896b
rgb(27,137,107)
-
#1f9a77
#1f9a77
rgb(31,154,119)
-
#22aa84
#22aa84
rgb(34,170,132)
-
#25ba91
#25ba91
rgb(37,186,145)
-
#29cb9d
#29cb9d
rgb(41,203,157)
-
#31d6a8
#31d6a8
rgb(49,214,168)
-
#41d9af
#41d9af
rgb(65,217,175)
-
#52dcb6
#52dcb6
rgb(82,220,182)
-
#62e0bd
#62e0bd
rgb(98,224,189)
-
#72e3c3
#72e3c3
rgb(114,227,195)
-
#83e6ca
#83e6ca
rgb(131,230,202)
-
#93e9d1
#93e9d1
rgb(147,233,209)
-
#a3edd8
#a3edd8
rgb(163,237,216)
-
#b4f0df
#b4f0df
rgb(180,240,223)
-
#c4f3e6
#c4f3e6
rgb(196,243,230)
-
#d5f7ed
#d5f7ed
rgb(213,247,237)
-
#e5faf4
#e5faf4
rgb(229,250,244)
-
#f5fdfb
#f5fdfb
rgb(245,253,251)
Tones of #22aa84
A tone is produced by adding gray to any pure hue. In this case, #616b68 is the less saturated color, while #03c992 is the most saturated one.
-
#616b68
#616b68
rgb(97,107,104)
-
#59736c
#59736c
rgb(89,115,108)
-
#517b6f
#517b6f
rgb(81,123,111)
-
#498373
#498373
rgb(73,131,115)
-
#418b76
#418b76
rgb(65,139,118)
-
#3a927a
#3a927a
rgb(58,146,122)
-
#329a7d
#329a7d
rgb(50,154,125)
-
#2aa281
#2aa281
rgb(42,162,129)
-
#22aa84
#22aa84
rgb(34,170,132)
-
#1ab287
#1ab287
rgb(26,178,135)
-
#12ba8b
#12ba8b
rgb(18,186,139)
-
#0ac28e
#0ac28e
rgb(10,194,142)
-
#03c992
#03c992
rgb(3,201,146)
Color Blindness Simulator
Below, you can see how #22aa84 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.