#558218 Color Information
In a RGB color space, hex #558218 is composed of 33.3% red, 51% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 81.5% yellow and 49% black. It has a hue angle of 85.5 degrees, a saturation of 68.8% and a lightness of 30.2%. #558218 color hex could be obtained by blending #aaff30 with #000500. Closest websafe color is: #669900.
-
- R 33
- G 51
- B 9
-
- C 35
- M 0
- Y 82
- K 49
● #558218 color description : Dark green.
#558218 Color Conversion
The hexadecimal color #558218 has RGB values of R:85, G:130, B:24 and CMYK values of C:0.35, M:0, Y:0.82, K:0.49. Its decimal value is 5603864.
Hex triplet | 558218 | #558218 |
---|---|---|
RGB Decimal | 85, 130, 24 | rgb(85,130,24) |
RGB Percent | 33.3, 51, 9.4 | rgb(33.3%,51%,9.4%) |
CMYK | 35, 0, 82, 49 | |
HSL | 85.5°, 68.8, 30.2 | hsl(85.5,68.8%,30.2%) |
HSV (or HSB) | 85.5°, 81.5, 51 | |
Web Safe | 669900 | #669900 |
CIE-LAB | 49.45, -32.024, 48.038 |
---|---|
XYZ | 11.894, 17.962, 3.704 |
xyY | 0.354, 0.535, 17.962 |
CIE-LCH | 49.45, 57.734, 123.688 |
CIE-LUV | 49.45, -22.602, 54.295 |
Hunter-Lab | 42.382, -24.076, 24.485 |
Binary | 01010101, 10000010, 00011000 |
Color Schemes with #558218
Alternatives to #558218
Below, you can see some colors close to #558218. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558218 Preview
This text has a font color of #558218.
<span style="color:#558218;">Text here</span>
This paragraph has a background color of #558218.
<p style="background-color:#558218;">Content here</p>
This element has a border color of #558218.
<div style="border:1px solid #558218;">Content here</div>
.text {color:#558218;}
.background {background-color:#558218;}
.border {border:1px solid #558218;}
Shades and Tints of #558218
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, #090e03 is the darkest color, while #fefffd is the lightest one.
-
#090e03
#090e03
rgb(9,14,3)
-
#141f06
#141f06
rgb(20,31,6)
-
#1f2f09
#1f2f09
rgb(31,47,9)
-
#2a400c
#2a400c
rgb(42,64,12)
-
#35500f
#35500f
rgb(53,80,15)
-
#3f6112
#3f6112
rgb(63,97,18)
-
#4a7115
#4a7115
rgb(74,113,21)
-
#558218
#558218
rgb(85,130,24)
-
#60931b
#60931b
rgb(96,147,27)
-
#6ba31e
#6ba31e
rgb(107,163,30)
-
#75b421
#75b421
rgb(117,180,33)
-
#80c424
#80c424
rgb(128,196,36)
-
#8bd527
#8bd527
rgb(139,213,39)
-
#94da36
#94da36
rgb(148,218,54)
-
#9ddd46
#9ddd46
rgb(157,221,70)
-
#a6e057
#a6e057
rgb(166,224,87)
-
#afe368
#afe368
rgb(175,227,104)
-
#b7e678
#b7e678
rgb(183,230,120)
-
#c0e989
#c0e989
rgb(192,233,137)
-
#c9ec99
#c9ec99
rgb(201,236,153)
-
#d2efaa
#d2efaa
rgb(210,239,170)
-
#dbf2ba
#dbf2ba
rgb(219,242,186)
-
#e3f5cb
#e3f5cb
rgb(227,245,203)
-
#ecf8db
#ecf8db
rgb(236,248,219)
-
#f5fbec
#f5fbec
rgb(245,251,236)
-
#fefffd
#fefffd
rgb(254,255,253)
Tones of #558218
A tone is produced by adding gray to any pure hue. In this case, #4e5347 is the less saturated color, while #599a00 is the most saturated one.
-
#4e5347
#4e5347
rgb(78,83,71)
-
#4f5941
#4f5941
rgb(79,89,65)
-
#505e3c
#505e3c
rgb(80,94,60)
-
#516436
#516436
rgb(81,100,54)
-
#516a30
#516a30
rgb(81,106,48)
-
#52702a
#52702a
rgb(82,112,42)
-
#537624
#537624
rgb(83,118,36)
-
#547c1e
#547c1e
rgb(84,124,30)
-
#558218
#558218
rgb(85,130,24)
-
#568812
#568812
rgb(86,136,18)
-
#578e0c
#578e0c
rgb(87,142,12)
-
#589406
#589406
rgb(88,148,6)
-
#599a00
#599a00
rgb(89,154,0)
Color Blindness Simulator
Below, you can see how #558218 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.