#558542 hex color

In a RGB color space, hex #558542 is composed of 33.3% red, 52.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 0% magenta, 50.4% yellow and 47.8% black. It has a hue angle of 103 degrees, a saturation of 33.7% and a lightness of 39%. #558542 color hex could be obtained by blending #aaff84 with #000b00. 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

● #558542 color description : Dark moderate green.

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

Hex triplet	558542	`#558542`
RGB Decimal	85, 133, 66	`rgb(85,133,66)`
RGB Percent	33.3, 52.2, 25.9	`rgb(33.3%,52.2%,25.9%)`
CMYK	36, 0, 50, 48
HSL	103°, 33.7, 39	`hsl(103,33.7%,39%)`
HSV (or HSB)	103°, 50.4, 52.2
Web Safe	669933	`#669933`

CIE-LAB	50.803, -29.56, 30.892
XYZ	13.117, 19.099, 8.149
xyY	0.325, 0.473, 19.099
CIE-LCH	50.803, 42.757, 133.737
CIE-LUV	50.803, -23.73, 41.02
Hunter-Lab	43.703, -22.905, 19.536
Binary	01010101, 10000101, 01000010

#558542
```
#558542 rgb(85,133,66)
```
#724285
```
#724285 rgb(114,66,133)
```

Complementary Color

#778542
```
#778542 rgb(119,133,66)
```
#558542
```
#558542 rgb(85,133,66)
```
#428551
```
#428551 rgb(66,133,81)
```

Analogous Color

#854277
```
#854277 rgb(133,66,119)
```
#558542
```
#558542 rgb(85,133,66)
```
#514285
```
#514285 rgb(81,66,133)
```

Split Complementary Color

#854255
```
#854255 rgb(133,66,85)
```
#558542
```
#558542 rgb(85,133,66)
```
#425585
```
#425585 rgb(66,85,133)
```

Triadic Color

#857242
```
#857242 rgb(133,114,66)
```
#558542
```
#558542 rgb(85,133,66)
```
#425585
```
#425585 rgb(66,85,133)
```
#724285
```
#724285 rgb(114,66,133)
```

Tetradic Color

#345229
```
#345229 rgb(52,82,41)
```
#3f6331
```
#3f6331 rgb(63,99,49)
```
#4a743a
```
#4a743a rgb(74,116,58)
```
#558542
```
#558542 rgb(85,133,66)
```
#60964a
```
#60964a rgb(96,150,74)
```
#6ba753
```
#6ba753 rgb(107,167,83)
```
#79b162
```
#79b162 rgb(121,177,98)
```

Monochromatic Color

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

#668542
```
#668542 rgb(102,133,66)
```
#608542
```
#608542 rgb(96,133,66)
```
#5b8542
```
#5b8542 rgb(91,133,66)
```
#558542
```
#558542 rgb(85,133,66)
```
#4f8542
```
#4f8542 rgb(79,133,66)
```
#4a8542
```
#4a8542 rgb(74,133,66)
```
#448542
```
#448542 rgb(68,133,66)
```

Similar Colors

Text with hexadecimal color #558542

This text has a font color of #558542.

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

#558542 background color

This paragraph has a background color of #558542.

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

#558542 border color

This element has a border color of #558542.

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

CSS codes

.text {color:#558542;}

.background {background-color:#558542;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0f07
```
#0a0f07 rgb(10,15,7)
```
#121c0e
```
#121c0e rgb(18,28,14)
```
#1a2914
```
#1a2914 rgb(26,41,20)
```
#23361b
```
#23361b rgb(35,54,27)
```
#2b4321
```
#2b4321 rgb(43,67,33)
```
#335128
```
#335128 rgb(51,81,40)
```
#3c5e2e
```
#3c5e2e rgb(60,94,46)
```
#446b35
```
#446b35 rgb(68,107,53)
```
#4d783b
```
#4d783b rgb(77,120,59)
```
#558542
```
#558542 rgb(85,133,66)
```
#5d9249
```
#5d9249 rgb(93,146,73)
```
#669f4f
```
#669f4f rgb(102,159,79)
```

Shade Color Variation

#6fab56
```
#6fab56 rgb(111,171,86)
```
#7ab264
```
#7ab264 rgb(122,178,100)
```
#85b871
```
#85b871 rgb(133,184,113)
```
#90bf7e
```
#90bf7e rgb(144,191,126)
```
#9bc58b
```
#9bc58b rgb(155,197,139)
```
#a7cc98
```
#a7cc98 rgb(167,204,152)
```
#b2d2a5
```
#b2d2a5 rgb(178,210,165)
```
#bdd9b2
```
#bdd9b2 rgb(189,217,178)
```
#c8dfbf
```
#c8dfbf rgb(200,223,191)
```
#d4e6cc
```
#d4e6cc rgb(212,230,204)
```
#dfecda
```
#dfecda rgb(223,236,218)
```
#eaf3e7
```
#eaf3e7 rgb(234,243,231)
```
#f5f9f4
```
#f5f9f4 rgb(245,249,244)
```

Tint Color Variation

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

#626661
```
#626661 rgb(98,102,97)
```
#5f6e59
```
#5f6e59 rgb(95,110,89)
```
#5c7651
```
#5c7651 rgb(92,118,81)
```
#587d4a
```
#587d4a rgb(88,125,74)
```
#558542
```
#558542 rgb(85,133,66)
```
#528d3a
```
#528d3a rgb(82,141,58)
```
#4e9433
```
#4e9433 rgb(78,148,51)
```
#4b9c2b
```
#4b9c2b rgb(75,156,43)
```
#48a423
```
#48a423 rgb(72,164,35)
```
#44ab1c
```
#44ab1c rgb(68,171,28)
```
#41b314
```
#41b314 rgb(65,179,20)
```
#3ebb0c
```
#3ebb0c rgb(62,187,12)
```
#3ac205
```
#3ac205 rgb(58,194,5)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a7366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f48 Protanopia 1% of men
#997a51 Deuteranopia 1% of men
#6a838d Tritanopia 0.001% of the population

Trichromacy

#788145 Protanomaly 1% of men, 0.01% of women
#807e4b Deuteranomaly 6% of men, 0.4% of women
#628472 Tritanomaly 0.01% of the population

#558542 hex color

#558542 Color Information

#558542 Color Conversion

Color Schemes with #558542

Alternatives to #558542

#558542 Preview

Shades and Tints of #558542

Tones of #558542

Color Blindness Simulator