#558458 hex color

In a RGB color space, hex #558458 is composed of 33.3% red, 51.8% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 33.3% yellow and 48.2% black. It has a hue angle of 123.8 degrees, a saturation of 21.7% and a lightness of 42.5%. #558458 color hex could be obtained by blending #aaffb0 with #000900. Closest websafe color is: #669966.

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

● #558458 color description : Mostly desaturated dark lime green.

The hexadecimal color #558458 has RGB values of R:85, G:132, B:88 and CMYK values of C:0.36, M:0, Y:0.33, K:0.48. Its decimal value is 5604440.

Hex triplet	558458	`#558458`
RGB Decimal	85, 132, 88	`rgb(85,132,88)`
RGB Percent	33.3, 51.8, 34.5	`rgb(33.3%,51.8%,34.5%)`
CMYK	36, 0, 33, 48
HSL	123.8°, 21.7, 42.5	`hsl(123.8,21.7%,42.5%)`
HSV (or HSB)	123.8°, 35.6, 51.8
Web Safe	669966	`#669966`

CIE-LAB	50.848, -25.607, 18.833
XYZ	13.758, 19.138, 12.201
xyY	0.305, 0.424, 19.138
CIE-LCH	50.848, 31.787, 143.667
CIE-LUV	50.848, -22.966, 27.838
Hunter-Lab	43.747, -20.418, 14.087
Binary	01010101, 10000100, 01011000

#558458
```
#558458 rgb(85,132,88)
```
#845581
```
#845581 rgb(132,85,129)
```

Complementary Color

#6a8455
```
#6a8455 rgb(106,132,85)
```
#558458
```
#558458 rgb(85,132,88)
```
#558470
```
#558470 rgb(85,132,112)
```

Analogous Color

#84556a
```
#84556a rgb(132,85,106)
```
#558458
```
#558458 rgb(85,132,88)
```
#705584
```
#705584 rgb(112,85,132)
```

Split Complementary Color

#845855
```
#845855 rgb(132,88,85)
```
#558458
```
#558458 rgb(85,132,88)
```
#585584
```
#585584 rgb(88,85,132)
```

Triadic Color

#818455
```
#818455 rgb(129,132,85)
```
#558458
```
#558458 rgb(85,132,88)
```
#585584
```
#585584 rgb(88,85,132)
```
#845581
```
#845581 rgb(132,85,129)
```

Tetradic Color

#375539
```
#375539 rgb(55,85,57)
```
#416543
```
#416543 rgb(65,101,67)
```
#4b744e
```
#4b744e rgb(75,116,78)
```
#558458
```
#558458 rgb(85,132,88)
```
#5f9462
```
#5f9462 rgb(95,148,98)
```
#6ca06f
```
#6ca06f rgb(108,160,111)
```
#7baa7e
```
#7baa7e rgb(123,170,126)
```

Monochromatic Color

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

#5e8455
```
#5e8455 rgb(94,132,85)
```
#5a8455
```
#5a8455 rgb(90,132,85)
```
#568455
```
#568455 rgb(86,132,85)
```
#558458
```
#558458 rgb(85,132,88)
```
#55845c
```
#55845c rgb(85,132,92)
```
#558460
```
#558460 rgb(85,132,96)
```
#558464
```
#558464 rgb(85,132,100)
```

Similar Colors

Text with hexadecimal color #558458

This text has a font color of #558458.

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

#558458 background color

This paragraph has a background color of #558458.

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

#558458 border color

This element has a border color of #558458.

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

CSS codes

.text {color:#558458;}

.background {background-color:#558458;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#080d08
```
#080d08 rgb(8,13,8)
```
#101910
```
#101910 rgb(16,25,16)
```
#182518
```
#182518 rgb(24,37,24)
```
#1f3020
```
#1f3020 rgb(31,48,32)
```
#273c28
```
#273c28 rgb(39,60,40)
```
#2f4830
```
#2f4830 rgb(47,72,48)
```
#365438
```
#365438 rgb(54,84,56)
```
#3e6040
```
#3e6040 rgb(62,96,64)
```
#466c48
```
#466c48 rgb(70,108,72)
```
#4d7850
```
#4d7850 rgb(77,120,80)
```
#558458
```
#558458 rgb(85,132,88)
```
#5d9060
```
#5d9060 rgb(93,144,96)
```

Shade Color Variation

#659c68
```
#659c68 rgb(101,156,104)
```
#71a374
```
#71a374 rgb(113,163,116)
```
#7cab7f
```
#7cab7f rgb(124,171,127)
```
#88b38b
```
#88b38b rgb(136,179,139)
```
#94ba97
```
#94ba97 rgb(148,186,151)
```
#a0c2a2
```
#a0c2a2 rgb(160,194,162)
```
#accaae
```
#accaae rgb(172,202,174)
```
#b8d1ba
```
#b8d1ba rgb(184,209,186)
```
#c4d9c5
```
#c4d9c5 rgb(196,217,197)
```
#d0e1d1
```
#d0e1d1 rgb(208,225,209)
```
#dce8dd
```
#dce8dd rgb(220,232,221)
```
#e8f0e8
```
#e8f0e8 rgb(232,240,232)
```
#f4f8f4
```
#f4f8f4 rgb(244,248,244)
```

Tint Color Variation

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

#667367
```
#667367 rgb(102,115,103)
```
#5d7c5f
```
#5d7c5f rgb(93,124,95)
```
#558458
```
#558458 rgb(85,132,88)
```
#4d8c51
```
#4d8c51 rgb(77,140,81)
```
#449549
```
#449549 rgb(68,149,73)
```
#3c9d42
```
#3c9d42 rgb(60,157,66)
```
#34a53b
```
#34a53b rgb(52,165,59)
```
#2bae34
```
#2bae34 rgb(43,174,52)
```
#23b62c
```
#23b62c rgb(35,182,44)
```
#1bbe25
```
#1bbe25 rgb(27,190,37)
```
#12c71e
```
#12c71e rgb(18,199,30)
```
#0acf16
```
#0acf16 rgb(10,207,22)
```
#02d70f
```
#02d70f rgb(2,215,15)
```

Tone Color Variation

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

Dichromacy

#897f5c Protanopia 1% of men
#947b65 Deuteranopia 1% of men
#68848e Tritanopia 0.001% of the population

Trichromacy

#76815a Protanomaly 1% of men, 0.01% of women
#7d7e60 Deuteranomaly 6% of men, 0.4% of women
#61847a Tritanomaly 0.01% of the population

#558458 hex color

#558458 Color Information

#558458 Color Conversion

Color Schemes with #558458

Alternatives to #558458

#558458 Preview

Shades and Tints of #558458

Tones of #558458

Color Blindness Simulator