#558442 hex color

In a RGB color space, hex #558442 is composed of 33.3% red, 51.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 50% yellow and 48.2% black. It has a hue angle of 102.7 degrees, a saturation of 33.3% and a lightness of 38.8%. #558442 color hex could be obtained by blending #aaff84 with #000900. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 52
- B 26
RGB color chart
- C 36
- M 0
- Y 50
- K 48
CMYK color chart

● #558442 color description : Dark moderate green.

The hexadecimal color #558442 has RGB values of R:85, G:132, B:66 and CMYK values of C:0.36, M:0, Y:0.5, K:0.48. Its decimal value is 5604418.

Hex triplet	558442	`#558442`
RGB Decimal	85, 132, 66	`rgb(85,132,66)`
RGB Percent	33.3, 51.8, 25.9	`rgb(33.3%,51.8%,25.9%)`
CMYK	36, 0, 50, 48
HSL	102.7°, 33.3, 38.8	`hsl(102.7,33.3%,38.8%)`
HSV (or HSB)	102.7°, 50, 51.8
Web Safe	669933	`#669933`

CIE-LAB	50.484, -29.082, 30.499
XYZ	12.98, 18.827, 8.104
xyY	0.325, 0.472, 18.827
CIE-LCH	50.484, 42.142, 133.637
CIE-LUV	50.484, -23.251, 40.475
Hunter-Lab	43.39, -22.532, 19.299
Binary	01010101, 10000100, 01000010

#558442
```
#558442 rgb(85,132,66)
```
#714284
```
#714284 rgb(113,66,132)
```

Complementary Color

#768442
```
#768442 rgb(118,132,66)
```
#558442
```
#558442 rgb(85,132,66)
```
#428450
```
#428450 rgb(66,132,80)
```

Analogous Color

#844276
```
#844276 rgb(132,66,118)
```
#558442
```
#558442 rgb(85,132,66)
```
#504284
```
#504284 rgb(80,66,132)
```

Split Complementary Color

#844255
```
#844255 rgb(132,66,85)
```
#558442
```
#558442 rgb(85,132,66)
```
#425584
```
#425584 rgb(66,85,132)
```

Triadic Color

#847142
```
#847142 rgb(132,113,66)
```
#558442
```
#558442 rgb(85,132,66)
```
#425584
```
#425584 rgb(66,85,132)
```
#714284
```
#714284 rgb(113,66,132)
```

Tetradic Color

#345129
```
#345129 rgb(52,81,41)
```
#3f6231
```
#3f6231 rgb(63,98,49)
```
#4a733a
```
#4a733a rgb(74,115,58)
```
#558442
```
#558442 rgb(85,132,66)
```
#60954b
```
#60954b rgb(96,149,75)
```
#6ba653
```
#6ba653 rgb(107,166,83)
```
#79b162
```
#79b162 rgb(121,177,98)
```

Monochromatic Color

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

#668442
```
#668442 rgb(102,132,66)
```
#608442
```
#608442 rgb(96,132,66)
```
#5b8442
```
#5b8442 rgb(91,132,66)
```
#558442
```
#558442 rgb(85,132,66)
```
#508442
```
#508442 rgb(80,132,66)
```
#4a8442
```
#4a8442 rgb(74,132,66)
```
#458442
```
#458442 rgb(69,132,66)
```

Similar Colors

Text with hexadecimal color #558442

This text has a font color of #558442.

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

#558442 background color

This paragraph has a background color of #558442.

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

#558442 border color

This element has a border color of #558442.

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

CSS codes

.text {color:#558442;}

.background {background-color:#558442;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090e07
```
#090e07 rgb(9,14,7)
```
#121b0e
```
#121b0e rgb(18,27,14)
```
#1a2814
```
#1a2814 rgb(26,40,20)
```
#22361b
```
#22361b rgb(34,54,27)
```
#2b4321
```
#2b4321 rgb(43,67,33)
```
#335028
```
#335028 rgb(51,80,40)
```
#3c5d2e
```
#3c5d2e rgb(60,93,46)
```
#446a35
```
#446a35 rgb(68,106,53)
```
#4d773b
```
#4d773b rgb(77,119,59)
```
#558442
```
#558442 rgb(85,132,66)
```
#5d9149
```
#5d9149 rgb(93,145,73)
```
#669e4f
```
#669e4f rgb(102,158,79)
```

Shade Color Variation

#6fab56
```
#6fab56 rgb(111,171,86)
```
#7ab163
```
#7ab163 rgb(122,177,99)
```
#85b870
```
#85b870 rgb(133,184,112)
```
#90be7d
```
#90be7d rgb(144,190,125)
```
#9bc58b
```
#9bc58b rgb(155,197,139)
```
#a6cb98
```
#a6cb98 rgb(166,203,152)
```
#b2d2a5
```
#b2d2a5 rgb(178,210,165)
```
#bdd8b2
```
#bdd8b2 rgb(189,216,178)
```
#c8dfbf
```
#c8dfbf rgb(200,223,191)
```
#d3e5cc
```
#d3e5cc rgb(211,229,204)
```
#deecd9
```
#deecd9 rgb(222,236,217)
```
#eaf3e6
```
#eaf3e6 rgb(234,243,230)
```
#f5f9f3
```
#f5f9f3 rgb(245,249,243)
```

Tint Color Variation

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

#626660
```
#626660 rgb(98,102,96)
```
#5f6d59
```
#5f6d59 rgb(95,109,89)
```
#5b7551
```
#5b7551 rgb(91,117,81)
```
#587c4a
```
#587c4a rgb(88,124,74)
```
#558442
```
#558442 rgb(85,132,66)
```
#528c3a
```
#528c3a rgb(82,140,58)
```
#4f9333
```
#4f9333 rgb(79,147,51)
```
#4b9b2b
```
#4b9b2b rgb(75,155,43)
```
#48a224
```
#48a224 rgb(72,162,36)
```
#45aa1c
```
#45aa1c rgb(69,170,28)
```
#42b214
```
#42b214 rgb(66,178,20)
```
#3eb90d
```
#3eb90d rgb(62,185,13)
```
#3bc105
```
#3bc105 rgb(59,193,5)
```

Tone Color Variation

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

#8b7f48 Protanopia 1% of men
#987951 Deuteranopia 1% of men
#6a838c Tritanopia 0.001% of the population

Trichromacy

#778045 Protanomaly 1% of men, 0.01% of women
#807d4b Deuteranomaly 6% of men, 0.4% of women
#628371 Tritanomaly 0.01% of the population

#558442 hex color

#558442 Color Information

#558442 Color Conversion

Color Schemes with #558442

Alternatives to #558442

#558442 Preview

Shades and Tints of #558442

Tones of #558442

Color Blindness Simulator