#558c54 hex color

In a RGB color space, hex #558c54 is composed of 33.3% red, 54.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 40% yellow and 45.1% black. It has a hue angle of 118.9 degrees, a saturation of 25% and a lightness of 43.9%. #558c54 color hex could be obtained by blending #aaffa8 with #001900. Closest websafe color is: #669966.

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

● #558c54 color description : Mostly desaturated dark lime green.

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

Hex triplet	558c54	`#558c54`
RGB Decimal	85, 140, 84	`rgb(85,140,84)`
RGB Percent	33.3, 54.9, 32.9	`rgb(33.3%,54.9%,32.9%)`
CMYK	39, 0, 40, 45
HSL	118.9°, 25, 43.9	`hsl(118.9,25%,43.9%)`
HSV (or HSB)	118.9°, 40, 54.9
Web Safe	669966	`#669966`

CIE-LAB	53.305, -30.196, 24.334
XYZ	14.724, 21.327, 11.728
xyY	0.308, 0.446, 21.327
CIE-LCH	53.305, 38.781, 141.136
CIE-LUV	53.305, -26.735, 35.128
Hunter-Lab	46.181, -23.905, 17.27
Binary	01010101, 10001100, 01010100

#558c54
```
#558c54 rgb(85,140,84)
```
#8b548c
```
#8b548c rgb(139,84,140)
```

Complementary Color

#718c54
```
#718c54 rgb(113,140,84)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#548c6f
```
#548c6f rgb(84,140,111)
```

Analogous Color

#8c5471
```
#8c5471 rgb(140,84,113)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#6f548c
```
#6f548c rgb(111,84,140)
```

Split Complementary Color

#8c5455
```
#8c5455 rgb(140,84,85)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#54558c
```
#54558c rgb(84,85,140)
```

Triadic Color

#8c8b54
```
#8c8b54 rgb(140,139,84)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#54558c
```
#54558c rgb(84,85,140)
```
#8b548c
```
#8b548c rgb(139,84,140)
```

Tetradic Color

#385c37
```
#385c37 rgb(56,92,55)
```
#426c41
```
#426c41 rgb(66,108,65)
```
#4b7c4a
```
#4b7c4a rgb(75,124,74)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#5f9c5e
```
#5f9c5e rgb(95,156,94)
```
#6da76c
```
#6da76c rgb(109,167,108)
```
#7db07c
```
#7db07c rgb(125,176,124)
```

Monochromatic Color

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

#638c54
```
#638c54 rgb(99,140,84)
```
#5e8c54
```
#5e8c54 rgb(94,140,84)
```
#5a8c54
```
#5a8c54 rgb(90,140,84)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#548c58
```
#548c58 rgb(84,140,88)
```
#548c5c
```
#548c5c rgb(84,140,92)
```
#548c61
```
#548c61 rgb(84,140,97)
```

Similar Colors

Text with hexadecimal color #558c54

This text has a font color of #558c54.

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

#558c54 background color

This paragraph has a background color of #558c54.

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

#558c54 border color

This element has a border color of #558c54.

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

CSS codes

.text {color:#558c54;}

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

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

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

#030503
```
#030503 rgb(3,5,3)
```
#0b110a
```
#0b110a rgb(11,17,10)
```
#121e12
```
#121e12 rgb(18,30,18)
```
#192a19
```
#192a19 rgb(25,42,25)
```
#213621
```
#213621 rgb(33,54,33)
```
#284228
```
#284228 rgb(40,66,40)
```
#304f2f
```
#304f2f rgb(48,79,47)
```
#375b37
```
#375b37 rgb(55,91,55)
```
#3f673e
```
#3f673e rgb(63,103,62)
```
#467345
```
#467345 rgb(70,115,69)
```
#4e804d
```
#4e804d rgb(78,128,77)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#5c985b
```
#5c985b rgb(92,152,91)
```

Shade Color Variation

#66a265
```
#66a265 rgb(102,162,101)
```
#72aa71
```
#72aa71 rgb(114,170,113)
```
#7eb17d
```
#7eb17d rgb(126,177,125)
```
#8ab98a
```
#8ab98a rgb(138,185,138)
```
#97c096
```
#97c096 rgb(151,192,150)
```
#a3c7a2
```
#a3c7a2 rgb(163,199,162)
```
#afcfae
```
#afcfae rgb(175,207,174)
```
#bbd6bb
```
#bbd6bb rgb(187,214,187)
```
#c7ddc7
```
#c7ddc7 rgb(199,221,199)
```
#d3e5d3
```
#d3e5d3 rgb(211,229,211)
```
#e0ecdf
```
#e0ecdf rgb(224,236,223)
```
#ecf3ec
```
#ecf3ec rgb(236,243,236)
```
#f8fbf8
```
#f8fbf8 rgb(248,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e726e is the less saturated color, while #0ada06 is the most saturated one.

#6e726e
```
#6e726e rgb(110,114,110)
```
#667b65
```
#667b65 rgb(102,123,101)
```
#5d835d
```
#5d835d rgb(93,131,93)
```
#558c54
```
#558c54 rgb(85,140,84)
```
#4d954b
```
#4d954b rgb(77,149,75)
```
#449d43
```
#449d43 rgb(68,157,67)
```
#3ca63a
```
#3ca63a rgb(60,166,58)
```
#34ae32
```
#34ae32 rgb(52,174,50)
```
#2bb729
```
#2bb729 rgb(43,183,41)
```
#23c020
```
#23c020 rgb(35,192,32)
```
#1bc818
```
#1bc818 rgb(27,200,24)
```
#13d10f
```
#13d10f rgb(19,209,15)
```
#0ada06
```
#0ada06 rgb(10,218,6)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f7a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#918558 Protanopia 1% of men
#9d8062 Deuteranopia 1% of men
#6a8b95 Tritanopia 0.001% of the population

Trichromacy

#7b8856 Protanomaly 1% of men, 0.01% of women
#83845d Deuteranomaly 6% of men, 0.4% of women
#628b7d Tritanomaly 0.01% of the population

#558c54 hex color

#558c54 Color Information

#558c54 Color Conversion

Color Schemes with #558c54

Alternatives to #558c54

#558c54 Preview

Shades and Tints of #558c54

Tones of #558c54

Color Blindness Simulator