#558c4d hex color

In a RGB color space, hex #558c4d is composed of 33.3% red, 54.9% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 45% yellow and 45.1% black. It has a hue angle of 112.4 degrees, a saturation of 29% and a lightness of 42.5%. #558c4d color hex could be obtained by blending #aaff9a with #001900. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 55
- B 30
RGB color chart
- C 39
- M 0
- Y 45
- K 45
CMYK color chart

● #558c4d color description : Dark moderate lime green.

The hexadecimal color #558c4d has RGB values of R:85, G:140, B:77 and CMYK values of C:0.39, M:0, Y:0.45, K:0.45. Its decimal value is 5606477.

Hex triplet	558c4d	`#558c4d`
RGB Decimal	85, 140, 77	`rgb(85,140,77)`
RGB Percent	33.3, 54.9, 30.2	`rgb(33.3%,54.9%,30.2%)`
CMYK	39, 0, 45, 45
HSL	112.4°, 29, 42.5	`hsl(112.4,29%,42.5%)`
HSV (or HSB)	112.4°, 45, 54.9
Web Safe	669966	`#669966`

CIE-LAB	53.192, -31.303, 28.006
XYZ	14.463, 21.223, 10.355
xyY	0.314, 0.461, 21.223
CIE-LCH	53.192, 42.002, 138.181
CIE-LUV	53.192, -26.861, 39.131
Hunter-Lab	46.068, -24.578, 18.921
Binary	01010101, 10001100, 01001101

#558c4d
```
#558c4d rgb(85,140,77)
```
#844d8c
```
#844d8c rgb(132,77,140)
```

Complementary Color

#758c4d
```
#758c4d rgb(117,140,77)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#4d8c65
```
#4d8c65 rgb(77,140,101)
```

Analogous Color

#8c4d75
```
#8c4d75 rgb(140,77,117)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#654d8c
```
#654d8c rgb(101,77,140)
```

Split Complementary Color

#8c4d55
```
#8c4d55 rgb(140,77,85)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#4d558c
```
#4d558c rgb(77,85,140)
```

Triadic Color

#8c844d
```
#8c844d rgb(140,132,77)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#4d558c
```
#4d558c rgb(77,85,140)
```
#844d8c
```
#844d8c rgb(132,77,140)
```

Tetradic Color

#375b32
```
#375b32 rgb(55,91,50)
```
#416b3b
```
#416b3b rgb(65,107,59)
```
#4b7c44
```
#4b7c44 rgb(75,124,68)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#5f9c56
```
#5f9c56 rgb(95,156,86)
```
#6ca963
```
#6ca963 rgb(108,169,99)
```
#7bb273
```
#7bb273 rgb(123,178,115)
```

Monochromatic Color

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

#658c4d
```
#658c4d rgb(101,140,77)
```
#608c4d
```
#608c4d rgb(96,140,77)
```
#5a8c4d
```
#5a8c4d rgb(90,140,77)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#508c4d
```
#508c4d rgb(80,140,77)
```
#4d8c50
```
#4d8c50 rgb(77,140,80)
```
#4d8c55
```
#4d8c55 rgb(77,140,85)
```

Similar Colors

Text with hexadecimal color #558c4d

This text has a font color of #558c4d.

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

#558c4d background color

This paragraph has a background color of #558c4d.

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

#558c4d border color

This element has a border color of #558c4d.

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

CSS codes

.text {color:#558c4d;}

.background {background-color:#558c4d;}

.border {border:1px solid #558c4d;}

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

#000100
```
#000100 rgb(0,1,0)
```
#080d07
```
#080d07 rgb(8,13,7)
```
#101a0e
```
#101a0e rgb(16,26,14)
```
#182715
```
#182715 rgb(24,39,21)
```
#1f331c
```
#1f331c rgb(31,51,28)
```
#274023
```
#274023 rgb(39,64,35)
```
#2f4d2a
```
#2f4d2a rgb(47,77,42)
```
#365931
```
#365931 rgb(54,89,49)
```
#3e6638
```
#3e6638 rgb(62,102,56)
```
#46733f
```
#46733f rgb(70,115,63)
```
#4d7f46
```
#4d7f46 rgb(77,127,70)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#5d9954
```
#5d9954 rgb(93,153,84)
```

Shade Color Variation

#65a55b
```
#65a55b rgb(101,165,91)
```
#71ac68
```
#71ac68 rgb(113,172,104)
```
#7cb375
```
#7cb375 rgb(124,179,117)
```
#88ba81
```
#88ba81 rgb(136,186,129)
```
#94c18e
```
#94c18e rgb(148,193,142)
```
#a0c89b
```
#a0c89b rgb(160,200,155)
```
#accfa7
```
#accfa7 rgb(172,207,167)
```
#b8d6b4
```
#b8d6b4 rgb(184,214,180)
```
#c4ddc1
```
#c4ddc1 rgb(196,221,193)
```
#d0e4cd
```
#d0e4cd rgb(208,228,205)
```
#dcebda
```
#dcebda rgb(220,235,218)
```
#e8f2e6
```
#e8f2e6 rgb(232,242,230)
```
#f4f8f3
```
#f4f8f3 rgb(244,248,243)
```

Tint Color Variation

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

#687366
```
#687366 rgb(104,115,102)
```
#617b5e
```
#617b5e rgb(97,123,94)
```
#5b8455
```
#5b8455 rgb(91,132,85)
```
#558c4d
```
#558c4d rgb(85,140,77)
```
#4f9445
```
#4f9445 rgb(79,148,69)
```
#499d3c
```
#499d3c rgb(73,157,60)
```
#42a534
```
#42a534 rgb(66,165,52)
```
#3cad2c
```
#3cad2c rgb(60,173,44)
```
#36b623
```
#36b623 rgb(54,182,35)
```
#30be1b
```
#30be1b rgb(48,190,27)
```
#29c613
```
#29c613 rgb(41,198,19)
```
#23cf0a
```
#23cf0a rgb(35,207,10)
```
#1dd702
```
#1dd702 rgb(29,215,2)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e796c Atypical Achromatopsia 0.001% of the population

Dichromacy

#918551 Protanopia 1% of men
#9f805c Deuteranopia 1% of men
#6b8a94 Tritanopia 0.001% of the population

Trichromacy

#7b8750 Protanomaly 1% of men, 0.01% of women
#848456 Deuteranomaly 6% of men, 0.4% of women
#638b7a Tritanomaly 0.01% of the population

#558c4d hex color

#558c4d Color Information

#558c4d Color Conversion

Color Schemes with #558c4d

Alternatives to #558c4d

#558c4d Preview

Shades and Tints of #558c4d

Tones of #558c4d

Color Blindness Simulator