#558311 hex color

In a RGB color space, hex #558311 is composed of 33.3% red, 51.4% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 87% yellow and 48.6% black. It has a hue angle of 84.2 degrees, a saturation of 77% and a lightness of 29%. #558311 color hex could be obtained by blending #aaff22 with #000700. Closest websafe color is: #669900.

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

● #558311 color description : Dark green.

The hexadecimal color #558311 has RGB values of R:85, G:131, B:17 and CMYK values of C:0.35, M:0, Y:0.87, K:0.49. Its decimal value is 5604113.

Hex triplet	558311	`#558311`
RGB Decimal	85, 131, 17	`rgb(85,131,17)`
RGB Percent	33.3, 51.4, 6.7	`rgb(33.3%,51.4%,6.7%)`
CMYK	35, 0, 87, 49
HSL	84.2°, 77, 29	`hsl(84.2,77%,29%)`
HSV (or HSB)	84.2°, 87, 51.4
Web Safe	669900	`#669900`

CIE-LAB	49.743, -32.795, 50.285
XYZ	11.964, 18.204, 3.414
xyY	0.356, 0.542, 18.204
CIE-LCH	49.743, 60.034, 123.111
CIE-LUV	49.743, -23.129, 55.963
Hunter-Lab	42.666, -24.614, 25.123
Binary	01010101, 10000011, 00010001

#558311
```
#558311 rgb(85,131,17)
```
#3f1183
```
#3f1183 rgb(63,17,131)
```

Complementary Color

#837811
```
#837811 rgb(131,120,17)
```
#558311
```
#558311 rgb(85,131,17)
```
#1c8311
```
#1c8311 rgb(28,131,17)
```

Analogous Color

#781183
```
#781183 rgb(120,17,131)
```
#558311
```
#558311 rgb(85,131,17)
```
#111c83
```
#111c83 rgb(17,28,131)
```

Split Complementary Color

#831155
```
#831155 rgb(131,17,85)
```
#558311
```
#558311 rgb(85,131,17)
```
#115583
```
#115583 rgb(17,85,131)
```

Triadic Color

#833f11
```
#833f11 rgb(131,63,17)
```
#558311
```
#558311 rgb(85,131,17)
```
#115583
```
#115583 rgb(17,85,131)
```
#3f1183
```
#3f1183 rgb(63,17,131)
```

Tetradic Color

#293f08
```
#293f08 rgb(41,63,8)
```
#38560b
```
#38560b rgb(56,86,11)
```
#466c0e
```
#466c0e rgb(70,108,14)
```
#558311
```
#558311 rgb(85,131,17)
```
#649a14
```
#649a14 rgb(100,154,20)
```
#72b017
```
#72b017 rgb(114,176,23)
```
#81c71a
```
#81c71a rgb(129,199,26)
```

Monochromatic Color

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

#728311
```
#728311 rgb(114,131,17)
```
#688311
```
#688311 rgb(104,131,17)
```
#5f8311
```
#5f8311 rgb(95,131,17)
```
#558311
```
#558311 rgb(85,131,17)
```
#4c8311
```
#4c8311 rgb(76,131,17)
```
#428311
```
#428311 rgb(66,131,17)
```
#398311
```
#398311 rgb(57,131,17)
```

Similar Colors

Text with hexadecimal color #558311

This text has a font color of #558311.

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

#558311 background color

This paragraph has a background color of #558311.

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

#558311 border color

This element has a border color of #558311.

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

CSS codes

.text {color:#558311;}

.background {background-color:#558311;}

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

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

#060901
```
#060901 rgb(6,9,1)
```
#111b03
```
#111b03 rgb(17,27,3)
```
#1d2c06
```
#1d2c06 rgb(29,44,6)
```
#283e08
```
#283e08 rgb(40,62,8)
```
#334f0a
```
#334f0a rgb(51,79,10)
```
#3e600c
```
#3e600c rgb(62,96,12)
```
#4a720f
```
#4a720f rgb(74,114,15)
```
#558311
```
#558311 rgb(85,131,17)
```
#609413
```
#609413 rgb(96,148,19)
```
#6ca616
```
#6ca616 rgb(108,166,22)
```
#77b718
```
#77b718 rgb(119,183,24)
```
#82c81a
```
#82c81a rgb(130,200,26)
```
#8dda1c
```
#8dda1c rgb(141,218,28)
```

Shade Color Variation

#97e327
```
#97e327 rgb(151,227,39)
```
#9fe538
```
#9fe538 rgb(159,229,56)
```
#a8e749
```
#a8e749 rgb(168,231,73)
```
#b0ea5b
```
#b0ea5b rgb(176,234,91)
```
#b8ec6c
```
#b8ec6c rgb(184,236,108)
```
#c1ee7e
```
#c1ee7e rgb(193,238,126)
```
#c9f08f
```
#c9f08f rgb(201,240,143)
```
#d1f3a0
```
#d1f3a0 rgb(209,243,160)
```
#daf5b2
```
#daf5b2 rgb(218,245,178)
```
#e2f7c3
```
#e2f7c3 rgb(226,247,195)
```
#ebf9d4
```
#ebf9d4 rgb(235,249,212)
```
#f3fce6
```
#f3fce6 rgb(243,252,230)
```
#fbfef7
```
#fbfef7 rgb(251,254,247)
```

Tint Color Variation

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

#4a4a4a
```
#4a4a4a rgb(74,74,74)
```
#4b5044
```
#4b5044 rgb(75,80,68)
```
#4c553f
```
#4c553f rgb(76,85,63)
```
#4d5b39
```
#4d5b39 rgb(77,91,57)
```
#4e6133
```
#4e6133 rgb(78,97,51)
```
#50672d
```
#50672d rgb(80,103,45)
```
#516c28
```
#516c28 rgb(81,108,40)
```
#527222
```
#527222 rgb(82,114,34)
```
#53781c
```
#53781c rgb(83,120,28)
```
#547d17
```
#547d17 rgb(84,125,23)
```
#558311
```
#558311 rgb(85,131,17)
```
#56890b
```
#56890b rgb(86,137,11)
```
#578e06
```
#578e06 rgb(87,142,6)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d1a Protanopia 1% of men
#9b7729 Deuteranopia 1% of men
#6c8089 Tritanopia 0.001% of the population

Trichromacy

#787f16 Protanomaly 1% of men, 0.01% of women
#827b20 Deuteranomaly 6% of men, 0.4% of women
#64815d Tritanomaly 0.01% of the population

#558311 hex color

#558311 Color Information

#558311 Color Conversion

Color Schemes with #558311

Alternatives to #558311

#558311 Preview

Shades and Tints of #558311

Tones of #558311

Color Blindness Simulator