#558331 hex color

In a RGB color space, hex #558331 is composed of 33.3% red, 51.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 62.6% yellow and 48.6% black. It has a hue angle of 93.7 degrees, a saturation of 45.6% and a lightness of 35.3%. #558331 color hex could be obtained by blending #aaff62 with #000700. Closest websafe color is: #669933.

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

● #558331 color description : Dark moderate green.

The hexadecimal color #558331 has RGB values of R:85, G:131, B:49 and CMYK values of C:0.35, M:0, Y:0.63, K:0.49. Its decimal value is 5604145.

Hex triplet	558331	`#558331`
RGB Decimal	85, 131, 49	`rgb(85,131,49)`
RGB Percent	33.3, 51.4, 19.2	`rgb(33.3%,51.4%,19.2%)`
CMYK	35, 0, 63, 49
HSL	93.7°, 45.6, 35.3	`hsl(93.7,45.6%,35.3%)`
HSV (or HSB)	93.7°, 62.6, 51.4
Web Safe	669933	`#669933`

CIE-LAB	49.96, -30.608, 38.472
XYZ	12.417, 18.385, 5.8
xyY	0.339, 0.502, 18.385
CIE-LCH	49.96, 49.162, 128.505
CIE-LUV	49.96, -22.937, 47.491
Hunter-Lab	42.878, -23.346, 21.994
Binary	01010101, 10000011, 00110001

#558331
```
#558331 rgb(85,131,49)
```
#5f3183
```
#5f3183 rgb(95,49,131)
```

Complementary Color

#7e8331
```
#7e8331 rgb(126,131,49)
```
#558331
```
#558331 rgb(85,131,49)
```
#318336
```
#318336 rgb(49,131,54)
```

Analogous Color

#83317e
```
#83317e rgb(131,49,126)
```
#558331
```
#558331 rgb(85,131,49)
```
#363183
```
#363183 rgb(54,49,131)
```

Split Complementary Color

#833155
```
#833155 rgb(131,49,85)
```
#558331
```
#558331 rgb(85,131,49)
```
#315583
```
#315583 rgb(49,85,131)
```

Triadic Color

#835f31
```
#835f31 rgb(131,95,49)
```
#558331
```
#558331 rgb(85,131,49)
```
#315583
```
#315583 rgb(49,85,131)
```
#5f3183
```
#5f3183 rgb(95,49,131)
```

Tetradic Color

#314b1c
```
#314b1c rgb(49,75,28)
```
#3d5e23
```
#3d5e23 rgb(61,94,35)
```
#49702a
```
#49702a rgb(73,112,42)
```
#558331
```
#558331 rgb(85,131,49)
```
#619638
```
#619638 rgb(97,150,56)
```
#6da83f
```
#6da83f rgb(109,168,63)
```
#79ba47
```
#79ba47 rgb(121,186,71)
```

Monochromatic Color

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

#6a8331
```
#6a8331 rgb(106,131,49)
```
#638331
```
#638331 rgb(99,131,49)
```
#5c8331
```
#5c8331 rgb(92,131,49)
```
#558331
```
#558331 rgb(85,131,49)
```
#4e8331
```
#4e8331 rgb(78,131,49)
```
#478331
```
#478331 rgb(71,131,49)
```
#418331
```
#418331 rgb(65,131,49)
```

Similar Colors

Text with hexadecimal color #558331

This text has a font color of #558331.

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

#558331 background color

This paragraph has a background color of #558331.

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

#558331 border color

This element has a border color of #558331.

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

CSS codes

.text {color:#558331;}

.background {background-color:#558331;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0b1106
```
#0b1106 rgb(11,17,6)
```
#141f0c
```
#141f0c rgb(20,31,12)
```
#1d2d11
```
#1d2d11 rgb(29,45,17)
```
#273c16
```
#273c16 rgb(39,60,22)
```
#304a1c
```
#304a1c rgb(48,74,28)
```
#395821
```
#395821 rgb(57,88,33)
```
#426626
```
#426626 rgb(66,102,38)
```
#4c752c
```
#4c752c rgb(76,117,44)
```
#558331
```
#558331 rgb(85,131,49)
```
#5e9136
```
#5e9136 rgb(94,145,54)
```
#68a03c
```
#68a03c rgb(104,160,60)
```
#71ae41
```
#71ae41 rgb(113,174,65)
```

Shade Color Variation

#7abb48
```
#7abb48 rgb(122,187,72)
```
#85c056
```
#85c056 rgb(133,192,86)
```
#8fc564
```
#8fc564 rgb(143,197,100)
```
#99cb73
```
#99cb73 rgb(153,203,115)
```
#a4d081
```
#a4d081 rgb(164,208,129)
```
#aed58f
```
#aed58f rgb(174,213,143)
```
#b8db9e
```
#b8db9e rgb(184,219,158)
```
#c3e0ac
```
#c3e0ac rgb(195,224,172)
```
#cde5ba
```
#cde5ba rgb(205,229,186)
```
#d7ebc8
```
#d7ebc8 rgb(215,235,200)
```
#e2f0d7
```
#e2f0d7 rgb(226,240,215)
```
#ecf5e5
```
#ecf5e5 rgb(236,245,229)
```
#f6fbf3
```
#f6fbf3 rgb(246,251,243)
```

Tint Color Variation

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

#596054
```
#596054 rgb(89,96,84)
```
#58674d
```
#58674d rgb(88,103,77)
```
#586e46
```
#586e46 rgb(88,110,70)
```
#57753f
```
#57753f rgb(87,117,63)
```
#567c38
```
#567c38 rgb(86,124,56)
```
#558331
```
#558331 rgb(85,131,49)
```
#548a2a
```
#548a2a rgb(84,138,42)
```
#539123
```
#539123 rgb(83,145,35)
```
#52981c
```
#52981c rgb(82,152,28)
```
#529f15
```
#529f15 rgb(82,159,21)
```
#51a60e
```
#51a60e rgb(81,166,14)
```
#50ad07
```
#50ad07 rgb(80,173,7)
```
#4fb301
```
#4fb301 rgb(79,179,1)
```

Tone Color Variation

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

Dichromacy

#8b7e38 Protanopia 1% of men
#997842 Deuteranopia 1% of men
#6b818a Tritanopia 0.001% of the population

Trichromacy

#777f35 Protanomaly 1% of men, 0.01% of women
#807c3b Deuteranomaly 6% of men, 0.4% of women
#63816a Tritanomaly 0.01% of the population

#558331 hex color

#558331 Color Information

#558331 Color Conversion

Color Schemes with #558331

Alternatives to #558331

#558331 Preview

Shades and Tints of #558331

Tones of #558331

Color Blindness Simulator