#558320 hex color

In a RGB color space, hex #558320 is composed of 33.3% red, 51.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 75.6% yellow and 48.6% black. It has a hue angle of 87.9 degrees, a saturation of 60.7% and a lightness of 32%. #558320 color hex could be obtained by blending #aaff40 with #000700. Closest websafe color is: #669933.

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

● #558320 color description : Dark green.

The hexadecimal color #558320 has RGB values of R:85, G:131, B:32 and CMYK values of C:0.35, M:0, Y:0.76, K:0.49. Its decimal value is 5604128.

Hex triplet	558320	`#558320`
RGB Decimal	85, 131, 32	`rgb(85,131,32)`
RGB Percent	33.3, 51.4, 12.5	`rgb(33.3%,51.4%,12.5%)`
CMYK	35, 0, 76, 49
HSL	87.9°, 60.7, 32	`hsl(87.9,60.7%,32%)`
HSV (or HSB)	87.9°, 75.6, 51.4
Web Safe	669933	`#669933`

CIE-LAB	49.819, -32.017, 45.619
XYZ	12.123, 18.268, 4.254
xyY	0.35, 0.527, 18.268
CIE-LCH	49.819, 55.732, 125.062
CIE-LUV	49.819, -23.059, 52.921
Hunter-Lab	42.741, -24.166, 24.018
Binary	01010101, 10000011, 00100000

#558320
```
#558320 rgb(85,131,32)
```
#4e2083
```
#4e2083 rgb(78,32,131)
```

Complementary Color

#838020
```
#838020 rgb(131,128,32)
```
#558320
```
#558320 rgb(85,131,32)
```
#248320
```
#248320 rgb(36,131,32)
```

Analogous Color

#802083
```
#802083 rgb(128,32,131)
```
#558320
```
#558320 rgb(85,131,32)
```
#202483
```
#202483 rgb(32,36,131)
```

Split Complementary Color

#832055
```
#832055 rgb(131,32,85)
```
#558320
```
#558320 rgb(85,131,32)
```
#205583
```
#205583 rgb(32,85,131)
```

Triadic Color

#834e20
```
#834e20 rgb(131,78,32)
```
#558320
```
#558320 rgb(85,131,32)
```
#205583
```
#205583 rgb(32,85,131)
```
#4e2083
```
#4e2083 rgb(78,32,131)
```

Tetradic Color

#2d4611
```
#2d4611 rgb(45,70,17)
```
#3a5a16
```
#3a5a16 rgb(58,90,22)
```
#486f1b
```
#486f1b rgb(72,111,27)
```
#558320
```
#558320 rgb(85,131,32)
```
#629725
```
#629725 rgb(98,151,37)
```
#70ac2a
```
#70ac2a rgb(112,172,42)
```
#7dc02f
```
#7dc02f rgb(125,192,47)
```

Monochromatic Color

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

#6e8320
```
#6e8320 rgb(110,131,32)
```
#668320
```
#668320 rgb(102,131,32)
```
#5d8320
```
#5d8320 rgb(93,131,32)
```
#558320
```
#558320 rgb(85,131,32)
```
#4d8320
```
#4d8320 rgb(77,131,32)
```
#458320
```
#458320 rgb(69,131,32)
```
#3c8320
```
#3c8320 rgb(60,131,32)
```

Similar Colors

Text with hexadecimal color #558320

This text has a font color of #558320.

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

#558320 background color

This paragraph has a background color of #558320.

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

#558320 border color

This element has a border color of #558320.

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

CSS codes

.text {color:#558320;}

.background {background-color:#558320;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0d1505
```
#0d1505 rgb(13,21,5)
```
#182409
```
#182409 rgb(24,36,9)
```
#22340d
```
#22340d rgb(34,52,13)
```
#2c4411
```
#2c4411 rgb(44,68,17)
```
#365414
```
#365414 rgb(54,84,20)
```
#416318
```
#416318 rgb(65,99,24)
```
#4b731c
```
#4b731c rgb(75,115,28)
```
#558320
```
#558320 rgb(85,131,32)
```
#5f9324
```
#5f9324 rgb(95,147,36)
```
#69a328
```
#69a328 rgb(105,163,40)
```
#74b22c
```
#74b22c rgb(116,178,44)
```
#7ec22f
```
#7ec22f rgb(126,194,47)
```

Shade Color Variation

#88ce37
```
#88ce37 rgb(136,206,55)
```
#91d247
```
#91d247 rgb(145,210,71)
```
#9bd656
```
#9bd656 rgb(155,214,86)
```
#a4da66
```
#a4da66 rgb(164,218,102)
```
#adde76
```
#adde76 rgb(173,222,118)
```
#b7e186
```
#b7e186 rgb(183,225,134)
```
#c0e596
```
#c0e596 rgb(192,229,150)
```
#cae9a5
```
#cae9a5 rgb(202,233,165)
```
#d3edb5
```
#d3edb5 rgb(211,237,181)
```
#dcf1c5
```
#dcf1c5 rgb(220,241,197)
```
#e6f5d5
```
#e6f5d5 rgb(230,245,213)
```
#eff8e4
```
#eff8e4 rgb(239,248,228)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52574c is the less saturated color, while #57a201 is the most saturated one.

#52574c
```
#52574c rgb(82,87,76)
```
#525d46
```
#525d46 rgb(82,93,70)
```
#53643f
```
#53643f rgb(83,100,63)
```
#536a39
```
#536a39 rgb(83,106,57)
```
#547033
```
#547033 rgb(84,112,51)
```
#54762d
```
#54762d rgb(84,118,45)
```
#557d26
```
#557d26 rgb(85,125,38)
```
#558320
```
#558320 rgb(85,131,32)
```
#55891a
```
#55891a rgb(85,137,26)
```
#569013
```
#569013 rgb(86,144,19)
```
#56960d
```
#56960d rgb(86,150,13)
```
#579c07
```
#579c07 rgb(87,156,7)
```
#57a201
```
#57a201 rgb(87,162,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d28 Protanopia 1% of men
#9b7733 Deuteranopia 1% of men
#6c808a Tritanopia 0.001% of the population

Trichromacy

#787f25 Protanomaly 1% of men, 0.01% of women
#817b2c Deuteranomaly 6% of men, 0.4% of women
#638163 Tritanomaly 0.01% of the population

#558320 hex color

#558320 Color Information

#558320 Color Conversion

Color Schemes with #558320

Alternatives to #558320

#558320 Preview

Shades and Tints of #558320

Tones of #558320

Color Blindness Simulator