#558818 hex color

In a RGB color space, hex #558818 is composed of 33.3% red, 53.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 0% magenta, 82.4% yellow and 46.7% black. It has a hue angle of 87.3 degrees, a saturation of 70% and a lightness of 31.4%. #558818 color hex could be obtained by blending #aaff30 with #001100. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 53
- B 9
RGB color chart
- C 38
- M 0
- Y 82
- K 47
CMYK color chart

● #558818 color description : Dark green.

The hexadecimal color #558818 has RGB values of R:85, G:136, B:24 and CMYK values of C:0.38, M:0, Y:0.82, K:0.47. Its decimal value is 5605400.

Hex triplet	558818	`#558818`
RGB Decimal	85, 136, 24	`rgb(85,136,24)`
RGB Percent	33.3, 53.3, 9.4	`rgb(33.3%,53.3%,9.4%)`
CMYK	38, 0, 82, 47
HSL	87.3°, 70, 31.4	`hsl(87.3,70%,31.4%)`
HSV (or HSB)	87.3°, 82.4, 53.3
Web Safe	669900	`#669900`

CIE-LAB	51.388, -34.745, 49.82
XYZ	12.715, 19.605, 3.978
xyY	0.35, 0.54, 19.605
CIE-LCH	51.388, 60.739, 124.892
CIE-LUV	51.388, -25.564, 56.957
Hunter-Lab	44.278, -26.227, 25.667
Binary	01010101, 10001000, 00011000

#558818
```
#558818 rgb(85,136,24)
```
#4b1888
```
#4b1888 rgb(75,24,136)
```

Complementary Color

#888318
```
#888318 rgb(136,131,24)
```
#558818
```
#558818 rgb(85,136,24)
```
#1d8818
```
#1d8818 rgb(29,136,24)
```

Analogous Color

#831888
```
#831888 rgb(131,24,136)
```
#558818
```
#558818 rgb(85,136,24)
```
#181d88
```
#181d88 rgb(24,29,136)
```

Split Complementary Color

#881855
```
#881855 rgb(136,24,85)
```
#558818
```
#558818 rgb(85,136,24)
```
#185588
```
#185588 rgb(24,85,136)
```

Triadic Color

#884b18
```
#884b18 rgb(136,75,24)
```
#558818
```
#558818 rgb(85,136,24)
```
#185588
```
#185588 rgb(24,85,136)
```
#4b1888
```
#4b1888 rgb(75,24,136)
```

Tetradic Color

#2c470d
```
#2c470d rgb(44,71,13)
```
#3a5d10
```
#3a5d10 rgb(58,93,16)
```
#477214
```
#477214 rgb(71,114,20)
```
#558818
```
#558818 rgb(85,136,24)
```
#639e1c
```
#639e1c rgb(99,158,28)
```
#70b320
```
#70b320 rgb(112,179,32)
```
#7ec923
```
#7ec923 rgb(126,201,35)
```

Monochromatic Color

Below, you can see some colors close to #558818. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#718818
```
#718818 rgb(113,136,24)
```
#688818
```
#688818 rgb(104,136,24)
```
#5e8818
```
#5e8818 rgb(94,136,24)
```
#558818
```
#558818 rgb(85,136,24)
```
#4c8818
```
#4c8818 rgb(76,136,24)
```
#428818
```
#428818 rgb(66,136,24)
```
#398818
```
#398818 rgb(57,136,24)
```

Similar Colors

Text with hexadecimal color #558818

This text has a font color of #558818.

<span style="color:#558818;">Text here</span>

#558818 background color

This paragraph has a background color of #558818.

<p style="background-color:#558818;">Content here</p>

#558818 border color

This element has a border color of #558818.

<div style="border:1px solid #558818;">Content here</div>

CSS codes

.text {color:#558818;}

.background {background-color:#558818;}

.border {border:1px solid #558818;}

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, #020300 is the darkest color, while #f7fdf1 is the lightest one.

#020300
```
#020300 rgb(2,3,0)
```
#0c1303
```
#0c1303 rgb(12,19,3)
```
#162406
```
#162406 rgb(22,36,6)
```
#213509
```
#213509 rgb(33,53,9)
```
#2b450c
```
#2b450c rgb(43,69,12)
```
#36560f
```
#36560f rgb(54,86,15)
```
#406712
```
#406712 rgb(64,103,18)
```
#4b7715
```
#4b7715 rgb(75,119,21)
```
#558818
```
#558818 rgb(85,136,24)
```
#5f991b
```
#5f991b rgb(95,153,27)
```
#6aa91e
```
#6aa91e rgb(106,169,30)
```
#74ba21
```
#74ba21 rgb(116,186,33)
```
#7fcb24
```
#7fcb24 rgb(127,203,36)
```

Shade Color Variation

#89d929
```
#89d929 rgb(137,217,41)
```
#92dc3a
```
#92dc3a rgb(146,220,58)
```
#9bdf4a
```
#9bdf4a rgb(155,223,74)
```
#a4e25b
```
#a4e25b rgb(164,226,91)
```
#aee56c
```
#aee56c rgb(174,229,108)
```
#b7e87c
```
#b7e87c rgb(183,232,124)
```
#c0eb8d
```
#c0eb8d rgb(192,235,141)
```
#c9ee9e
```
#c9ee9e rgb(201,238,158)
```
#d2f1ae
```
#d2f1ae rgb(210,241,174)
```
#dcf4bf
```
#dcf4bf rgb(220,244,191)
```
#e5f7d0
```
#e5f7d0 rgb(229,247,208)
```
#eefae0
```
#eefae0 rgb(238,250,224)
```
#f7fdf1
```
#f7fdf1 rgb(247,253,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50514f is the less saturated color, while #579a06 is the most saturated one.

#50514f
```
#50514f rgb(80,81,79)
```
#515749
```
#515749 rgb(81,87,73)
```
#515d43
```
#515d43 rgb(81,93,67)
```
#52633d
```
#52633d rgb(82,99,61)
```
#526937
```
#526937 rgb(82,105,55)
```
#536f31
```
#536f31 rgb(83,111,49)
```
#53762a
```
#53762a rgb(83,118,42)
```
#547c24
```
#547c24 rgb(84,124,36)
```
#54821e
```
#54821e rgb(84,130,30)
```
#558818
```
#558818 rgb(85,136,24)
```
#568e12
```
#568e12 rgb(86,142,18)
```
#56940c
```
#56940c rgb(86,148,12)
```
#579a06
```
#579a06 rgb(87,154,6)
```

Tone Color Variation

Below, you can see how #558818 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.

Monochromacy

#6c6c6c Achromatopsia 0.005% of the population
#67725b Atypical Achromatopsia 0.001% of the population

Dichromacy

#908120 Protanopia 1% of men
#a07b2e Deuteranopia 1% of men
#6d848e Tritanopia 0.001% of the population

Trichromacy

#7b831d Protanomaly 1% of men, 0.01% of women
#847f26 Deuteranomaly 6% of men, 0.4% of women
#648663 Tritanomaly 0.01% of the population

#558818 hex color

#558818 Color Information

#558818 Color Conversion

Color Schemes with #558818

Alternatives to #558818

#558818 Preview

Shades and Tints of #558818

Tones of #558818

Color Blindness Simulator