#558318 hex color

In a RGB color space, hex #558318 is composed of 33.3% red, 51.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 81.7% yellow and 48.6% black. It has a hue angle of 85.8 degrees, a saturation of 69% and a lightness of 30.4%. #558318 color hex could be obtained by blending #aaff30 with #000700. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 51
- B 9
RGB color chart
- C 35
- M 0
- Y 82
- K 49
CMYK color chart

● #558318 color description : Dark green.

The hexadecimal color #558318 has RGB values of R:85, G:131, B:24 and CMYK values of C:0.35, M:0, Y:0.82, K:0.49. Its decimal value is 5604120.

Hex triplet	558318	`#558318`
RGB Decimal	85, 131, 24	`rgb(85,131,24)`
RGB Percent	33.3, 51.4, 9.4	`rgb(33.3%,51.4%,9.4%)`
CMYK	35, 0, 82, 49
HSL	85.8°, 69, 30.4	`hsl(85.8,69%,30.4%)`
HSV (or HSB)	85.8°, 81.7, 51.4
Web Safe	669900	`#669900`

CIE-LAB	49.773, -32.483, 48.337
XYZ	12.027, 18.229, 3.749
xyY	0.354, 0.536, 18.229
CIE-LCH	49.773, 58.237, 123.902
CIE-LUV	49.773, -23.101, 54.74
Hunter-Lab	42.696, -24.435, 24.681
Binary	01010101, 10000011, 00011000

#558318
```
#558318 rgb(85,131,24)
```
#461883
```
#461883 rgb(70,24,131)
```

Complementary Color

#837c18
```
#837c18 rgb(131,124,24)
```
#558318
```
#558318 rgb(85,131,24)
```
#1f8318
```
#1f8318 rgb(31,131,24)
```

Analogous Color

#7c1883
```
#7c1883 rgb(124,24,131)
```
#558318
```
#558318 rgb(85,131,24)
```
#181f83
```
#181f83 rgb(24,31,131)
```

Split Complementary Color

#831855
```
#831855 rgb(131,24,85)
```
#558318
```
#558318 rgb(85,131,24)
```
#185583
```
#185583 rgb(24,85,131)
```

Triadic Color

#834618
```
#834618 rgb(131,70,24)
```
#558318
```
#558318 rgb(85,131,24)
```
#185583
```
#185583 rgb(24,85,131)
```
#461883
```
#461883 rgb(70,24,131)
```

Tetradic Color

#2b420c
```
#2b420c rgb(43,66,12)
```
#395810
```
#395810 rgb(57,88,16)
```
#476d14
```
#476d14 rgb(71,109,20)
```
#558318
```
#558318 rgb(85,131,24)
```
#63991c
```
#63991c rgb(99,153,28)
```
#71ae20
```
#71ae20 rgb(113,174,32)
```
#7fc424
```
#7fc424 rgb(127,196,36)
```

Monochromatic Color

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

#708318
```
#708318 rgb(112,131,24)
```
#678318
```
#678318 rgb(103,131,24)
```
#5e8318
```
#5e8318 rgb(94,131,24)
```
#558318
```
#558318 rgb(85,131,24)
```
#4c8318
```
#4c8318 rgb(76,131,24)
```
#438318
```
#438318 rgb(67,131,24)
```
#3a8318
```
#3a8318 rgb(58,131,24)
```

Similar Colors

Text with hexadecimal color #558318

This text has a font color of #558318.

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

#558318 background color

This paragraph has a background color of #558318.

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

#558318 border color

This element has a border color of #558318.

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

CSS codes

.text {color:#558318;}

.background {background-color:#558318;}

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

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, #0a0f03 is the darkest color, while #fefffd is the lightest one.

#0a0f03
```
#0a0f03 rgb(10,15,3)
```
#142006
```
#142006 rgb(20,32,6)
```
#1f3009
```
#1f3009 rgb(31,48,9)
```
#2a410c
```
#2a410c rgb(42,65,12)
```
#35510f
```
#35510f rgb(53,81,15)
```
#3f6212
```
#3f6212 rgb(63,98,18)
```
#4a7215
```
#4a7215 rgb(74,114,21)
```
#558318
```
#558318 rgb(85,131,24)
```
#60941b
```
#60941b rgb(96,148,27)
```
#6ba41e
```
#6ba41e rgb(107,164,30)
```
#75b521
```
#75b521 rgb(117,181,33)
```
#80c524
```
#80c524 rgb(128,197,36)
```
#8bd627
```
#8bd627 rgb(139,214,39)
```

Shade Color Variation

#94da36
```
#94da36 rgb(148,218,54)
```
#9ddd47
```
#9ddd47 rgb(157,221,71)
```
#a6e058
```
#a6e058 rgb(166,224,88)
```
#aee368
```
#aee368 rgb(174,227,104)
```
#b7e679
```
#b7e679 rgb(183,230,121)
```
#c0e989
```
#c0e989 rgb(192,233,137)
```
#c9ec9a
```
#c9ec9a rgb(201,236,154)
```
#d2f0aa
```
#d2f0aa rgb(210,240,170)
```
#dbf3bb
```
#dbf3bb rgb(219,243,187)
```
#e4f6cc
```
#e4f6cc rgb(228,246,204)
```
#ecf9dc
```
#ecf9dc rgb(236,249,220)
```
#f5fced
```
#f5fced rgb(245,252,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5348 is the less saturated color, while #589b00 is the most saturated one.

#4e5348
```
#4e5348 rgb(78,83,72)
```
#4f5942
```
#4f5942 rgb(79,89,66)
```
#505f3c
```
#505f3c rgb(80,95,60)
```
#516536
```
#516536 rgb(81,101,54)
```
#526b30
```
#526b30 rgb(82,107,48)
```
#52712a
```
#52712a rgb(82,113,42)
```
#537724
```
#537724 rgb(83,119,36)
```
#547d1e
```
#547d1e rgb(84,125,30)
```
#558318
```
#558318 rgb(85,131,24)
```
#568912
```
#568912 rgb(86,137,18)
```
#578f0c
```
#578f0c rgb(87,143,12)
```
#589506
```
#589506 rgb(88,149,6)
```
#589b00
```
#589b00 rgb(88,155,0)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d20 Protanopia 1% of men
#9b772d Deuteranopia 1% of men
#6c8089 Tritanopia 0.001% of the population

Trichromacy

#787f1d Protanomaly 1% of men, 0.01% of women
#817b25 Deuteranomaly 6% of men, 0.4% of women
#648160 Tritanomaly 0.01% of the population

#558318 hex color

#558318 Color Information

#558318 Color Conversion

Color Schemes with #558318

Alternatives to #558318

#558318 Preview

Shades and Tints of #558318

Tones of #558318

Color Blindness Simulator