HEX

#558C62

RGB

(85, 140, 98)

Quick Actions

Color Values

Color Space	Values
RGB	R: 85, G: 140, B: 98 (33%, 55%, 38%)
CMYK	C: 39%, M: 0%, Y: 30%, K: 45%
HSL	H: 134°, S: 24%, L: 44%
HSV	H: 134°, S: 39%, V: 55%
CIE-LAB	L: 53.57, a: -27.69, b: 16.86
CIE-LCH	L: 53.57, C: 32.42, H: 148.66
Hunter-Lab	L: 46.44, a: -23.51, b: 10.04
Web Safe	#669966
Complementary	#8c547f

#558C62 is a color with RGB values of 85 red, 140 green, and 98 blue (33%, 55%, 38% respectively). In the CMYK color space, it consists of 39% cyan, 0% magenta, 30% yellow, and 45% black. The color has a hue angle of 134°, 24% saturation, and 44% lightness in the HSL color space.

For web design purposes, the closest web-safe color is #669966. The complementary color is #8c547f, which can be used to create high-contrast color combinations. This color can be effectively used in web design for text, backgrounds, borders, and other UI elements as demonstrated below.

Color Variations of #558C62

Explore different variations of #558C62 including shades, tints, and monochromatic colors. Each variation maintains the color's essence while offering different levels of intensity and brightness.

Shades

Darker variations created by mixing with black, perfect for creating depth and contrast

90% to 20% darkness

#080D09

#101B13

#192A1D

#223827

#2A4631

#33543A

#3B6244

#44704E

Tints

Lighter variations created by mixing with white, ideal for subtle and soft color schemes

10% to 80% lightness

#669771

#77A381

#88AE91

#99BAA0

#AAC5B0

#BBD1C0

#CCDCCF

#DDE8DF

Monochromatic Palette

Colors using the same hue with varying saturation and brightness, creating harmonious combinations

90% to 20% brightness scale

#DFECE2

#C0D8C5

#A0C5A9

#80B28C

#609F6F

#4D7F59

#3A5F43

#273F2C

Using Monochromatic Colors

Monochromatic color schemes are created using different shades, tints, and tones of #558C62. This palette is perfect for creating depth and visual interest while maintaining color harmony. Ideal for minimalist designs, infographics, and professional presentations.

Colors Similar to #558C62

Explore colors with RGB values close to #558C62

#548C62

RGB (84, 140, 98)

#56876C

RGB (86, 135, 108)

#5B845C

RGB (91, 132, 92)

#5A7E66

RGB (90, 126, 102)

#418B5D

RGB (65, 139, 93)

#3A8B62

RGB (58, 139, 98)

Color Schemes with #558C62

Explore different color combinations and harmonies that work well with #558C62.

Complementary Color

#558C62 + #8c547f

Analogous Color

#638c54 + #558C62 + #548c7d

Split Complementary Color

#7d548c + #558C62 + #8c5463

Triadic Color

#61548c + #558C62 + #8c6254

Tones of #558C62

A tone is produced by adding gray to any pure hue. In this case, the less saturated colors have more gray mixed in, while the more saturated ones are closer to the pure color.