#22aa55 Color Information
In a RGB color space, hex #22aa55 is composed of 13.3% red, 66.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 50% yellow and 33.3% black. It has a hue angle of 142.5 degrees, a saturation of 66.7% and a lightness of 40%. #22aa55 color hex could be obtained by blending #44ffaa with #005500. Closest websafe color is: #339966.
-
- R 13
- G 67
- B 33
-
- C 80
- M 0
- Y 50
- K 33
● #22aa55 color description : Dark cyan - lime green.
#22aa55 Color Conversion
The hexadecimal color #22aa55 has RGB values of R:34, G:170, B:85 and CMYK values of C:0.8, M:0, Y:0.5, K:0.33. Its decimal value is 2271829.
Hex triplet | 22aa55 | #22aa55 |
---|---|---|
RGB Decimal | 34, 170, 85 | rgb(34,170,85) |
RGB Percent | 13.3, 66.7, 33.3 | rgb(13.3%,66.7%,33.3%) |
CMYK | 80, 0, 50, 33 | |
HSL | 142.5°, 66.7, 40 | hsl(142.5,66.7%,40%) |
HSV (or HSB) | 142.5°, 80, 66.7 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 61.432, -53.866, 33.883 |
---|---|
XYZ | 16.673, 29.744, 13.456 |
xyY | 0.278, 0.497, 29.744 |
CIE-LCH | 61.432, 63.636, 147.829 |
CIE-LUV | 61.432, -52.153, 50.831 |
Hunter-Lab | 54.538, -40.871, 23.548 |
Binary | 00100010, 10101010, 01010101 |
Color Schemes with #22aa55
Alternatives to #22aa55
Below, you can see some colors close to #22aa55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22aa55 Preview
This text has a font color of #22aa55.
<span style="color:#22aa55;">Text here</span>
This paragraph has a background color of #22aa55.
<p style="background-color:#22aa55;">Content here</p>
This element has a border color of #22aa55.
<div style="border:1px solid #22aa55;">Content here</div>
.text {color:#22aa55;}
.background {background-color:#22aa55;}
.border {border:1px solid #22aa55;}
Shades and Tints of #22aa55
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, #010703 is the darkest color, while #f5fdf8 is the lightest one.
-
#010703
#010703
rgb(1,7,3)
-
#05170b
#05170b
rgb(5,23,11)
-
#082714
#082714
rgb(8,39,20)
-
#0b381c
#0b381c
rgb(11,56,28)
-
#0e4824
#0e4824
rgb(14,72,36)
-
#12582c
#12582c
rgb(18,88,44)
-
#156934
#156934
rgb(21,105,52)
-
#18793c
#18793c
rgb(24,121,60)
-
#1b8945
#1b8945
rgb(27,137,69)
-
#1f9a4d
#1f9a4d
rgb(31,154,77)
-
#22aa55
#22aa55
rgb(34,170,85)
-
#25ba5d
#25ba5d
rgb(37,186,93)
-
#29cb65
#29cb65
rgb(41,203,101)
-
#31d66f
#31d66f
rgb(49,214,111)
-
#41d97a
#41d97a
rgb(65,217,122)
-
#52dc86
#52dc86
rgb(82,220,134)
-
#62e091
#62e091
rgb(98,224,145)
-
#72e39d
#72e39d
rgb(114,227,157)
-
#83e6a8
#83e6a8
rgb(131,230,168)
-
#93e9b3
#93e9b3
rgb(147,233,179)
-
#a3edbf
#a3edbf
rgb(163,237,191)
-
#b4f0ca
#b4f0ca
rgb(180,240,202)
-
#c4f3d6
#c4f3d6
rgb(196,243,214)
-
#d5f7e1
#d5f7e1
rgb(213,247,225)
-
#e5faed
#e5faed
rgb(229,250,237)
-
#f5fdf8
#f5fdf8
rgb(245,253,248)
Tones of #22aa55
A tone is produced by adding gray to any pure hue. In this case, #616b65 is the less saturated color, while #03c94d is the most saturated one.
-
#616b65
#616b65
rgb(97,107,101)
-
#597363
#597363
rgb(89,115,99)
-
#517b61
#517b61
rgb(81,123,97)
-
#49835f
#49835f
rgb(73,131,95)
-
#418b5d
#418b5d
rgb(65,139,93)
-
#3a925b
#3a925b
rgb(58,146,91)
-
#329a59
#329a59
rgb(50,154,89)
-
#2aa257
#2aa257
rgb(42,162,87)
-
#22aa55
#22aa55
rgb(34,170,85)
-
#1ab253
#1ab253
rgb(26,178,83)
-
#12ba51
#12ba51
rgb(18,186,81)
-
#0ac24f
#0ac24f
rgb(10,194,79)
-
#03c94d
#03c94d
rgb(3,201,77)
Color Blindness Simulator
Below, you can see how #22aa55 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.