#558342 hex color

In a RGB color space, hex #558342 is composed of 33.3% red, 51.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 49.6% yellow and 48.6% black. It has a hue angle of 102.5 degrees, a saturation of 33% and a lightness of 38.6%. #558342 color hex could be obtained by blending #aaff84 with #000700. Closest websafe color is: #669933.

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

● #558342 color description : Dark moderate green.

The hexadecimal color #558342 has RGB values of R:85, G:131, B:66 and CMYK values of C:0.35, M:0, Y:0.5, K:0.49. Its decimal value is 5604162.

Hex triplet	558342	`#558342`
RGB Decimal	85, 131, 66	`rgb(85,131,66)`
RGB Percent	33.3, 51.4, 25.9	`rgb(33.3%,51.4%,25.9%)`
CMYK	35, 0, 50, 49
HSL	102.5°, 33, 38.6	`hsl(102.5,33%,38.6%)`
HSV (or HSB)	102.5°, 49.6, 51.4
Web Safe	669933	`#669933`

CIE-LAB	50.165, -28.601, 30.104
XYZ	12.846, 18.557, 8.059
xyY	0.326, 0.47, 18.557
CIE-LCH	50.165, 41.525, 133.533
CIE-LUV	50.165, -22.769, 39.929
Hunter-Lab	43.078, -22.158, 19.062
Binary	01010101, 10000011, 01000010

#558342
```
#558342 rgb(85,131,66)
```
#704283
```
#704283 rgb(112,66,131)
```

Complementary Color

#768342
```
#768342 rgb(118,131,66)
```
#558342
```
#558342 rgb(85,131,66)
```
#428350
```
#428350 rgb(66,131,80)
```

Analogous Color

#834276
```
#834276 rgb(131,66,118)
```
#558342
```
#558342 rgb(85,131,66)
```
#4f4283
```
#4f4283 rgb(79,66,131)
```

Split Complementary Color

#834255
```
#834255 rgb(131,66,85)
```
#558342
```
#558342 rgb(85,131,66)
```
#425583
```
#425583 rgb(66,85,131)
```

Triadic Color

#837042
```
#837042 rgb(131,112,66)
```
#558342
```
#558342 rgb(85,131,66)
```
#425583
```
#425583 rgb(66,85,131)
```
#704283
```
#704283 rgb(112,66,131)
```

Tetradic Color

#345028
```
#345028 rgb(52,80,40)
```
#3f6131
```
#3f6131 rgb(63,97,49)
```
#4a7239
```
#4a7239 rgb(74,114,57)
```
#558342
```
#558342 rgb(85,131,66)
```
#60944b
```
#60944b rgb(96,148,75)
```
#6ba553
```
#6ba553 rgb(107,165,83)
```
#79b062
```
#79b062 rgb(121,176,98)
```

Monochromatic Color

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

#658342
```
#658342 rgb(101,131,66)
```
#608342
```
#608342 rgb(96,131,66)
```
#5a8342
```
#5a8342 rgb(90,131,66)
```
#558342
```
#558342 rgb(85,131,66)
```
#508342
```
#508342 rgb(80,131,66)
```
#4a8342
```
#4a8342 rgb(74,131,66)
```
#458342
```
#458342 rgb(69,131,66)
```

Similar Colors

Text with hexadecimal color #558342

This text has a font color of #558342.

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

#558342 background color

This paragraph has a background color of #558342.

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

#558342 border color

This element has a border color of #558342.

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

CSS codes

.text {color:#558342;}

.background {background-color:#558342;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#090e07
```
#090e07 rgb(9,14,7)
```
#111b0d
```
#111b0d rgb(17,27,13)
```
#1a2814
```
#1a2814 rgb(26,40,20)
```
#22351b
```
#22351b rgb(34,53,27)
```
#2b4221
```
#2b4221 rgb(43,66,33)
```
#334f28
```
#334f28 rgb(51,79,40)
```
#3c5c2e
```
#3c5c2e rgb(60,92,46)
```
#446935
```
#446935 rgb(68,105,53)
```
#4d763b
```
#4d763b rgb(77,118,59)
```
#558342
```
#558342 rgb(85,131,66)
```
#5d9049
```
#5d9049 rgb(93,144,73)
```
#669d4f
```
#669d4f rgb(102,157,79)
```

Shade Color Variation

#6faa56
```
#6faa56 rgb(111,170,86)
```
#7ab063
```
#7ab063 rgb(122,176,99)
```
#85b770
```
#85b770 rgb(133,183,112)
```
#90be7d
```
#90be7d rgb(144,190,125)
```
#9bc48a
```
#9bc48a rgb(155,196,138)
```
#a6cb97
```
#a6cb97 rgb(166,203,151)
```
#b1d1a4
```
#b1d1a4 rgb(177,209,164)
```
#bdd8b1
```
#bdd8b1 rgb(189,216,177)
```
#c8debe
```
#c8debe rgb(200,222,190)
```
#d3e5cb
```
#d3e5cb rgb(211,229,203)
```
#deecd8
```
#deecd8 rgb(222,236,216)
```
#e9f2e5
```
#e9f2e5 rgb(233,242,229)
```
#f4f9f3
```
#f4f9f3 rgb(244,249,243)
```

Tint Color Variation

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

#626560
```
#626560 rgb(98,101,96)
```
#5e6c59
```
#5e6c59 rgb(94,108,89)
```
#5b7451
```
#5b7451 rgb(91,116,81)
```
#587b4a
```
#587b4a rgb(88,123,74)
```
#558342
```
#558342 rgb(85,131,66)
```
#528b3a
```
#528b3a rgb(82,139,58)
```
#4f9233
```
#4f9233 rgb(79,146,51)
```
#4c9a2b
```
#4c9a2b rgb(76,154,43)
```
#48a124
```
#48a124 rgb(72,161,36)
```
#45a91c
```
#45a91c rgb(69,169,28)
```
#42b015
```
#42b015 rgb(66,176,21)
```
#3fb80d
```
#3fb80d rgb(63,184,13)
```
#3cc005
```
#3cc005 rgb(60,192,5)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#697265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7e48 Protanopia 1% of men
#977951 Deuteranopia 1% of men
#6a828b Tritanopia 0.001% of the population

Trichromacy

#778045 Protanomaly 1% of men, 0.01% of women
#7f7c4b Deuteranomaly 6% of men, 0.4% of women
#628270 Tritanomaly 0.01% of the population

#558342 hex color

#558342 Color Information

#558342 Color Conversion

Color Schemes with #558342

Alternatives to #558342

#558342 Preview

Shades and Tints of #558342

Tones of #558342

Color Blindness Simulator