#558316 hex color

In a RGB color space, hex #558316 is composed of 33.3% red, 51.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 83.2% yellow and 48.6% black. It has a hue angle of 85.3 degrees, a saturation of 71.2% and a lightness of 30%. #558316 color hex could be obtained by blending #aaff2c with #000700. Closest websafe color is: #669900.

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

● #558316 color description : Dark green.

The hexadecimal color #558316 has RGB values of R:85, G:131, B:22 and CMYK values of C:0.35, M:0, Y:0.83, K:0.49. Its decimal value is 5604118.

Hex triplet	558316	`#558316`
RGB Decimal	85, 131, 22	`rgb(85,131,22)`
RGB Percent	33.3, 51.4, 8.6	`rgb(33.3%,51.4%,8.6%)`
CMYK	35, 0, 83, 49
HSL	85.3°, 71.2, 30	`hsl(85.3,71.2%,30%)`
HSV (or HSB)	85.3°, 83.2, 51.4
Web Safe	669900	`#669900`

CIE-LAB	49.764, -32.581, 48.937
XYZ	12.007, 18.221, 3.643
xyY	0.354, 0.538, 18.221
CIE-LCH	49.764, 58.79, 123.655
CIE-LUV	49.764, -23.11, 55.124
Hunter-Lab	42.686, -24.492, 24.82
Binary	01010101, 10000011, 00010110

#558316
```
#558316 rgb(85,131,22)
```
#441683
```
#441683 rgb(68,22,131)
```

Complementary Color

#837b16
```
#837b16 rgb(131,123,22)
```
#558316
```
#558316 rgb(85,131,22)
```
#1f8316
```
#1f8316 rgb(31,131,22)
```

Analogous Color

#7b1683
```
#7b1683 rgb(123,22,131)
```
#558316
```
#558316 rgb(85,131,22)
```
#161f83
```
#161f83 rgb(22,31,131)
```

Split Complementary Color

#831655
```
#831655 rgb(131,22,85)
```
#558316
```
#558316 rgb(85,131,22)
```
#165583
```
#165583 rgb(22,85,131)
```

Triadic Color

#834416
```
#834416 rgb(131,68,22)
```
#558316
```
#558316 rgb(85,131,22)
```
#165583
```
#165583 rgb(22,85,131)
```
#441683
```
#441683 rgb(68,22,131)
```

Tetradic Color

#2b420b
```
#2b420b rgb(43,66,11)
```
#39570f
```
#39570f rgb(57,87,15)
```
#476d12
```
#476d12 rgb(71,109,18)
```
#558316
```
#558316 rgb(85,131,22)
```
#63991a
```
#63991a rgb(99,153,26)
```
#71af1d
```
#71af1d rgb(113,175,29)
```
#80c521
```
#80c521 rgb(128,197,33)
```

Monochromatic Color

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

#708316
```
#708316 rgb(112,131,22)
```
#678316
```
#678316 rgb(103,131,22)
```
#5e8316
```
#5e8316 rgb(94,131,22)
```
#558316
```
#558316 rgb(85,131,22)
```
#4c8316
```
#4c8316 rgb(76,131,22)
```
#438316
```
#438316 rgb(67,131,22)
```
#3a8316
```
#3a8316 rgb(58,131,22)
```

Similar Colors

Text with hexadecimal color #558316

This text has a font color of #558316.

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

#558316 background color

This paragraph has a background color of #558316.

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

#558316 border color

This element has a border color of #558316.

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

CSS codes

.text {color:#558316;}

.background {background-color:#558316;}

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

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, #090d02 is the darkest color, while #fdfefc is the lightest one.

#090d02
```
#090d02 rgb(9,13,2)
```
#141e05
```
#141e05 rgb(20,30,5)
```
#1f2f08
```
#1f2f08 rgb(31,47,8)
```
#29400b
```
#29400b rgb(41,64,11)
```
#34510e
```
#34510e rgb(52,81,14)
```
#3f6110
```
#3f6110 rgb(63,97,16)
```
#4a7213
```
#4a7213 rgb(74,114,19)
```
#558316
```
#558316 rgb(85,131,22)
```
#609419
```
#609419 rgb(96,148,25)
```
#6ba51c
```
#6ba51c rgb(107,165,28)
```
#76b51e
```
#76b51e rgb(118,181,30)
```
#81c621
```
#81c621 rgb(129,198,33)
```
#8bd724
```
#8bd724 rgb(139,215,36)
```

Shade Color Variation

#95dd32
```
#95dd32 rgb(149,221,50)
```
#9ddf43
```
#9ddf43 rgb(157,223,67)
```
#a6e254
```
#a6e254 rgb(166,226,84)
```
#afe564
```
#afe564 rgb(175,229,100)
```
#b8e875
```
#b8e875 rgb(184,232,117)
```
#c0eb86
```
#c0eb86 rgb(192,235,134)
```
#c9ee97
```
#c9ee97 rgb(201,238,151)
```
#d2f0a8
```
#d2f0a8 rgb(210,240,168)
```
#daf3b8
```
#daf3b8 rgb(218,243,184)
```
#e3f6c9
```
#e3f6c9 rgb(227,246,201)
```
#ecf9da
```
#ecf9da rgb(236,249,218)
```
#f5fceb
```
#f5fceb rgb(245,252,235)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#4d4e4b
```
#4d4e4b rgb(77,78,75)
```
#4e5445
```
#4e5445 rgb(78,84,69)
```
#4f5a3f
```
#4f5a3f rgb(79,90,63)
```
#4f6039
```
#4f6039 rgb(79,96,57)
```
#506633
```
#506633 rgb(80,102,51)
```
#516b2e
```
#516b2e rgb(81,107,46)
```
#527128
```
#527128 rgb(82,113,40)
```
#537722
```
#537722 rgb(83,119,34)
```
#547d1c
```
#547d1c rgb(84,125,28)
```
#558316
```
#558316 rgb(85,131,22)
```
#568910
```
#568910 rgb(86,137,16)
```
#578f0a
```
#578f0a rgb(87,143,10)
```
#589504
```
#589504 rgb(88,149,4)
```

Tone Color Variation

Below, you can see how #558316 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
#656e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d1f Protanopia 1% of men
#9b772c Deuteranopia 1% of men
#6c8089 Tritanopia 0.001% of the population

Trichromacy

#787f1b Protanomaly 1% of men, 0.01% of women
#817b24 Deuteranomaly 6% of men, 0.4% of women
#64815f Tritanomaly 0.01% of the population

#558316 hex color

#558316 Color Information

#558316 Color Conversion

Color Schemes with #558316

Alternatives to #558316

#558316 Preview

Shades and Tints of #558316

Tones of #558316

Color Blindness Simulator