#558345 hex color

In a RGB color space, hex #558345 is composed of 33.3% red, 51.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 47.3% yellow and 48.6% black. It has a hue angle of 104.5 degrees, a saturation of 31% and a lightness of 39.2%. #558345 color hex could be obtained by blending #aaff8a with #000700. Closest websafe color is: #669933.

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

● #558345 color description : Dark moderate green.

The hexadecimal color #558345 has RGB values of R:85, G:131, B:69 and CMYK values of C:0.35, M:0, Y:0.47, K:0.49. Its decimal value is 5604165.

Hex triplet	558345	`#558345`
RGB Decimal	85, 131, 69	`rgb(85,131,69)`
RGB Percent	33.3, 51.4, 27.1	`rgb(33.3%,51.4%,27.1%)`
CMYK	35, 0, 47, 49
HSL	104.5°, 31, 39.2	`hsl(104.5,31%,39.2%)`
HSV (or HSB)	104.5°, 47.3, 51.4
Web Safe	669933	`#669933`

CIE-LAB	50.208, -28.184, 28.55
XYZ	12.936, 18.593, 8.537
xyY	0.323, 0.464, 18.593
CIE-LCH	50.208, 40.118, 134.63
CIE-LUV	50.208, -22.736, 38.382
Hunter-Lab	43.12, -21.908, 18.445
Binary	01010101, 10000011, 01000101

#558345
```
#558345 rgb(85,131,69)
```
#734583
```
#734583 rgb(115,69,131)
```

Complementary Color

#748345
```
#748345 rgb(116,131,69)
```
#558345
```
#558345 rgb(85,131,69)
```
#458354
```
#458354 rgb(69,131,84)
```

Analogous Color

#834574
```
#834574 rgb(131,69,116)
```
#558345
```
#558345 rgb(85,131,69)
```
#544583
```
#544583 rgb(84,69,131)
```

Split Complementary Color

#834555
```
#834555 rgb(131,69,85)
```
#558345
```
#558345 rgb(85,131,69)
```
#455583
```
#455583 rgb(69,85,131)
```

Triadic Color

#837345
```
#837345 rgb(131,115,69)
```
#558345
```
#558345 rgb(85,131,69)
```
#455583
```
#455583 rgb(69,85,131)
```
#734583
```
#734583 rgb(115,69,131)
```

Tetradic Color

#34512b
```
#34512b rgb(52,81,43)
```
#3f6233
```
#3f6233 rgb(63,98,51)
```
#4a723c
```
#4a723c rgb(74,114,60)
```
#558345
```
#558345 rgb(85,131,69)
```
#60944e
```
#60944e rgb(96,148,78)
```
#6ba457
```
#6ba457 rgb(107,164,87)
```
#79ae66
```
#79ae66 rgb(121,174,102)
```

Monochromatic Color

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

#658345
```
#658345 rgb(101,131,69)
```
#5f8345
```
#5f8345 rgb(95,131,69)
```
#5a8345
```
#5a8345 rgb(90,131,69)
```
#558345
```
#558345 rgb(85,131,69)
```
#508345
```
#508345 rgb(80,131,69)
```
#4b8345
```
#4b8345 rgb(75,131,69)
```
#458345
```
#458345 rgb(69,131,69)
```

Similar Colors

Text with hexadecimal color #558345

This text has a font color of #558345.

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

#558345 background color

This paragraph has a background color of #558345.

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

#558345 border color

This element has a border color of #558345.

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

CSS codes

.text {color:#558345;}

.background {background-color:#558345;}

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

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 #f6faf5 is the lightest one.

#020301
```
#020301 rgb(2,3,1)
```
#0a0f08
```
#0a0f08 rgb(10,15,8)
```
#121c0f
```
#121c0f rgb(18,28,15)
```
#1b2916
```
#1b2916 rgb(27,41,22)
```
#23361c
```
#23361c rgb(35,54,28)
```
#2b4323
```
#2b4323 rgb(43,67,35)
```
#34502a
```
#34502a rgb(52,80,42)
```
#3c5c31
```
#3c5c31 rgb(60,92,49)
```
#446937
```
#446937 rgb(68,105,55)
```
#4d763e
```
#4d763e rgb(77,118,62)
```
#558345
```
#558345 rgb(85,131,69)
```
#5d904c
```
#5d904c rgb(93,144,76)
```
#669d53
```
#669d53 rgb(102,157,83)
```

Shade Color Variation

#6fa85a
```
#6fa85a rgb(111,168,90)
```
#7aaf67
```
#7aaf67 rgb(122,175,103)
```
#85b674
```
#85b674 rgb(133,182,116)
```
#90bd81
```
#90bd81 rgb(144,189,129)
```
#9cc38e
```
#9cc38e rgb(156,195,142)
```
#a7ca9b
```
#a7ca9b rgb(167,202,155)
```
#b2d1a8
```
#b2d1a8 rgb(178,209,168)
```
#bed8b4
```
#bed8b4 rgb(190,216,180)
```
#c9dec1
```
#c9dec1 rgb(201,222,193)
```
#d4e5ce
```
#d4e5ce rgb(212,229,206)
```
#dfecdb
```
#dfecdb rgb(223,236,219)
```
#ebf3e8
```
#ebf3e8 rgb(235,243,232)
```
#f6faf5
```
#f6faf5 rgb(246,250,245)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#606c5c
```
#606c5c rgb(96,108,92)
```
#5c7454
```
#5c7454 rgb(92,116,84)
```
#597b4d
```
#597b4d rgb(89,123,77)
```
#558345
```
#558345 rgb(85,131,69)
```
#518b3d
```
#518b3d rgb(81,139,61)
```
#4e9236
```
#4e9236 rgb(78,146,54)
```
#4a9a2e
```
#4a9a2e rgb(74,154,46)
```
#46a226
```
#46a226 rgb(70,162,38)
```
#42a91f
```
#42a91f rgb(66,169,31)
```
#3fb117
```
#3fb117 rgb(63,177,23)
```
#3bb90f
```
#3bb90f rgb(59,185,15)
```
#37c107
```
#37c107 rgb(55,193,7)
```

Tone Color Variation

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

Dichromacy

#8a7e4a Protanopia 1% of men
#977954 Deuteranopia 1% of men
#6a828b Tritanopia 0.001% of the population

Trichromacy

#768048 Protanomaly 1% of men, 0.01% of women
#7f7c4e Deuteranomaly 6% of men, 0.4% of women
#628272 Tritanomaly 0.01% of the population

#558345 hex color

#558345 Color Information

#558345 Color Conversion

Color Schemes with #558345

Alternatives to #558345

#558345 Preview

Shades and Tints of #558345

Tones of #558345

Color Blindness Simulator