#558222 Color Information
In a RGB color space, hex #558222 is composed of 33.3% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 73.8% yellow and 49% black. It has a hue angle of 88.1 degrees, a saturation of 58.5% and a lightness of 32.2%. #558222 color hex could be obtained by blending #aaff44 with #000500. Closest websafe color is: #669933.
-
- R 33
- G 51
- B 13
-
- C 35
- M 0
- Y 74
- K 49
● #558222 color description : Dark green.
#558222 Color Conversion
The hexadecimal color #558222 has RGB values of R:85, G:130, B:34 and CMYK values of C:0.35, M:0, Y:0.74, K:0.49. Its decimal value is 5603874.
Hex triplet | 558222 | #558222 |
---|---|---|
RGB Decimal | 85, 130, 34 | rgb(85,130,34) |
RGB Percent | 33.3, 51, 13.3 | rgb(33.3%,51%,13.3%) |
CMYK | 35, 0, 74, 49 | |
HSL | 88.1°, 58.5, 32.2 | hsl(88.1,58.5%,32.2%) |
HSV (or HSB) | 88.1°, 73.8, 51 | |
Web Safe | 669933 | #669933 |
CIE-LAB | 49.51, -31.418, 44.542 |
---|---|
XYZ | 12.017, 18.012, 4.357 |
xyY | 0.349, 0.524, 18.012 |
CIE-LCH | 49.51, 54.508, 125.197 |
CIE-LUV | 49.51, -22.551, 51.931 |
Hunter-Lab | 42.44, -23.726, 23.622 |
Binary | 01010101, 10000010, 00100010 |
Color Schemes with #558222
Alternatives to #558222
Below, you can see some colors close to #558222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558222 Preview
This text has a font color of #558222.
<span style="color:#558222;">Text here</span>
This paragraph has a background color of #558222.
<p style="background-color:#558222;">Content here</p>
This element has a border color of #558222.
<div style="border:1px solid #558222;">Content here</div>
.text {color:#558222;}
.background {background-color:#558222;}
.border {border:1px solid #558222;}
Shades and Tints of #558222
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, #040601 is the darkest color, while #f9fcf5 is the lightest one.
-
#040601
#040601
rgb(4,6,1)
-
#0e1506
#0e1506
rgb(14,21,6)
-
#18250a
#18250a
rgb(24,37,10)
-
#22340e
#22340e
rgb(34,52,14)
-
#2c4412
#2c4412
rgb(44,68,18)
-
#375316
#375316
rgb(55,83,22)
-
#41631a
#41631a
rgb(65,99,26)
-
#4b721e
#4b721e
rgb(75,114,30)
-
#558222
#558222
rgb(85,130,34)
-
#5f9226
#5f9226
rgb(95,146,38)
-
#69a12a
#69a12a
rgb(105,161,42)
-
#73b12e
#73b12e
rgb(115,177,46)
-
#7ec032
#7ec032
rgb(126,192,50)
-
#88cc3a
#88cc3a
rgb(136,204,58)
-
#91d04a
#91d04a
rgb(145,208,74)
-
#9ad45a
#9ad45a
rgb(154,212,90)
-
#a4d869
#a4d869
rgb(164,216,105)
-
#addc79
#addc79
rgb(173,220,121)
-
#b7e088
#b7e088
rgb(183,224,136)
-
#c0e498
#c0e498
rgb(192,228,152)
-
#cae8a7
#cae8a7
rgb(202,232,167)
-
#d3ecb7
#d3ecb7
rgb(211,236,183)
-
#ddf0c6
#ddf0c6
rgb(221,240,198)
-
#e6f4d6
#e6f4d6
rgb(230,244,214)
-
#f0f8e6
#f0f8e6
rgb(240,248,230)
-
#f9fcf5
#f9fcf5
rgb(249,252,245)
Tones of #558222
A tone is produced by adding gray to any pure hue. In this case, #52564e is the less saturated color, while #57a202 is the most saturated one.
-
#52564e
#52564e
rgb(82,86,78)
-
#535c48
#535c48
rgb(83,92,72)
-
#536242
#536242
rgb(83,98,66)
-
#53693b
#53693b
rgb(83,105,59)
-
#546f35
#546f35
rgb(84,111,53)
-
#54752f
#54752f
rgb(84,117,47)
-
#557c28
#557c28
rgb(85,124,40)
-
#558222
#558222
rgb(85,130,34)
-
#55881c
#55881c
rgb(85,136,28)
-
#568f15
#568f15
rgb(86,143,21)
-
#56950f
#56950f
rgb(86,149,15)
-
#579b09
#579b09
rgb(87,155,9)
-
#57a202
#57a202
rgb(87,162,2)
Color Blindness Simulator
Below, you can see how #558222 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.