#558B63

#558B63

Color Values

HEX

#558B63

RGB

85, 139, 99

HSL

135.6, 24.1%, 43.9%

HSV

135.6, 38.8%, 54.5%

CMYK

38.8%, 0.0%, 28.8%, 45.5%

OKLCH

0.5876 0.0842 151.4

Properties

Color Psychology

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #558B63;
color: #558B63;
border-color: #558B63;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #558B63?

RGB(85, 139, 99) · HSL(135.6, 24.1%, 43.9%) · CMYK(38.8%, 0.0%, 28.8%, 45.5%)

Does #558B63 meet WCAG contrast on white?

3.99:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #558B63?

Use 000000 text on a #558B63 background; contrast on black is 5.26:1.