#558362 hex color

In a RGB color space, hex #558362 is composed of 33.3% red, 51.4% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 25.2% yellow and 48.6% black. It has a hue angle of 137 degrees, a saturation of 21.3% and a lightness of 42.4%. #558362 color hex could be obtained by blending #aaffc4 with #000700. Closest websafe color is: #669966.

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

● #558362 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #558362 has RGB values of R:85, G:131, B:98 and CMYK values of C:0.35, M:0, Y:0.25, K:0.49. Its decimal value is 5604194.

Hex triplet	558362	`#558362`
RGB Decimal	85, 131, 98	`rgb(85,131,98)`
RGB Percent	33.3, 51.4, 38.4	`rgb(33.3%,51.4%,38.4%)`
CMYK	35, 0, 25, 49
HSL	137°, 21.3, 42.4	`hsl(137,21.3%,42.4%)`
HSV (or HSB)	137°, 35.1, 51.4
Web Safe	669966	`#669966`

CIE-LAB	50.74, -23.196, 12.961
XYZ	14.067, 19.045, 14.489
xyY	0.296, 0.4, 19.045
CIE-LCH	50.74, 26.572, 150.806
CIE-LUV	50.74, -22.361, 20.502
Hunter-Lab	43.641, -18.836, 10.863
Binary	01010101, 10000011, 01100010

#558362
```
#558362 rgb(85,131,98)
```
#835576
```
#835576 rgb(131,85,118)
```

Complementary Color

#5f8355
```
#5f8355 rgb(95,131,85)
```
#558362
```
#558362 rgb(85,131,98)
```
#558379
```
#558379 rgb(85,131,121)
```

Analogous Color

#83555f
```
#83555f rgb(131,85,95)
```
#558362
```
#558362 rgb(85,131,98)
```
#795583
```
#795583 rgb(121,85,131)
```

Split Complementary Color

#836255
```
#836255 rgb(131,98,85)
```
#558362
```
#558362 rgb(85,131,98)
```
#625583
```
#625583 rgb(98,85,131)
```

Triadic Color

#768355
```
#768355 rgb(118,131,85)
```
#558362
```
#558362 rgb(85,131,98)
```
#625583
```
#625583 rgb(98,85,131)
```
#835576
```
#835576 rgb(131,85,118)
```

Tetradic Color

#37553f
```
#37553f rgb(55,85,63)
```
#41644b
```
#41644b rgb(65,100,75)
```
#4b7456
```
#4b7456 rgb(75,116,86)
```
#558362
```
#558362 rgb(85,131,98)
```
#5f926e
```
#5f926e rgb(95,146,110)
```
#6c9f7a
```
#6c9f7a rgb(108,159,122)
```
#7ba988
```
#7ba988 rgb(123,169,136)
```

Monochromatic Color

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

#558357
```
#558357 rgb(85,131,87)
```
#55835a
```
#55835a rgb(85,131,90)
```
#55835e
```
#55835e rgb(85,131,94)
```
#558362
```
#558362 rgb(85,131,98)
```
#558366
```
#558366 rgb(85,131,102)
```
#55836a
```
#55836a rgb(85,131,106)
```
#55836e
```
#55836e rgb(85,131,110)
```

Similar Colors

Text with hexadecimal color #558362

This text has a font color of #558362.

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

#558362 background color

This paragraph has a background color of #558362.

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

#558362 border color

This element has a border color of #558362.

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

CSS codes

.text {color:#558362;}

.background {background-color:#558362;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c09
```
#080c09 rgb(8,12,9)
```
#101812
```
#101812 rgb(16,24,18)
```
#17241b
```
#17241b rgb(23,36,27)
```
#1f3024
```
#1f3024 rgb(31,48,36)
```
#273c2d
```
#273c2d rgb(39,60,45)
```
#2e4836
```
#2e4836 rgb(46,72,54)
```
#36533e
```
#36533e rgb(54,83,62)
```
#3e5f47
```
#3e5f47 rgb(62,95,71)
```
#466b50
```
#466b50 rgb(70,107,80)
```
#4d7759
```
#4d7759 rgb(77,119,89)
```
#558362
```
#558362 rgb(85,131,98)
```
#5d8f6b
```
#5d8f6b rgb(93,143,107)
```

Shade Color Variation

#649b74
```
#649b74 rgb(100,155,116)
```
#70a27f
```
#70a27f rgb(112,162,127)
```
#7caa89
```
#7caa89 rgb(124,170,137)
```
#88b294
```
#88b294 rgb(136,178,148)
```
#94ba9f
```
#94ba9f rgb(148,186,159)
```
#a0c1a9
```
#a0c1a9 rgb(160,193,169)
```
#acc9b4
```
#acc9b4 rgb(172,201,180)
```
#b8d1bf
```
#b8d1bf rgb(184,209,191)
```
#c4d8ca
```
#c4d8ca rgb(196,216,202)
```
#d0e0d4
```
#d0e0d4 rgb(208,224,212)
```
#dbe8df
```
#dbe8df rgb(219,232,223)
```
#e7f0ea
```
#e7f0ea rgb(231,240,234)
```
#f3f7f4
```
#f3f7f4 rgb(243,247,244)
```

Tint Color Variation

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

#667269
```
#667269 rgb(102,114,105)
```
#5d7b66
```
#5d7b66 rgb(93,123,102)
```
#558362
```
#558362 rgb(85,131,98)
```
#4d8b5e
```
#4d8b5e rgb(77,139,94)
```
#44945b
```
#44945b rgb(68,148,91)
```
#3c9c57
```
#3c9c57 rgb(60,156,87)
```
#34a454
```
#34a454 rgb(52,164,84)
```
#2bad50
```
#2bad50 rgb(43,173,80)
```
#23b54c
```
#23b54c rgb(35,181,76)
```
#1bbd49
```
#1bbd49 rgb(27,189,73)
```
#13c545
```
#13c545 rgb(19,197,69)
```
#0ace41
```
#0ace41 rgb(10,206,65)
```
#02d63e
```
#02d63e rgb(2,214,62)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b756e Atypical Achromatopsia 0.001% of the population

Dichromacy

#877f65 Protanopia 1% of men
#917b6e Deuteranopia 1% of men
#66848e Tritanopia 0.001% of the population

Trichromacy

#758064 Protanomaly 1% of men, 0.01% of women
#7b7e6a Deuteranomaly 6% of men, 0.4% of women
#60837e Tritanomaly 0.01% of the population

#558362 hex color

#558362 Color Information

#558362 Color Conversion

Color Schemes with #558362

Alternatives to #558362

#558362 Preview

Shades and Tints of #558362

Tones of #558362

Color Blindness Simulator