#558F13 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, strong green demands immediate attention without overwhelming the viewer. Because it feels intense, the color works best as a sharp accent rather than a background. Pair the hex code #558f13 with charcoal or deep slate for a balanced look. Designers often use it for call to action buttons because black text maintains excellent readability at a 5.3:1 contrast ratio.
Questions about #558f13
What is #558f13 in RGB, HSL and CMYK?
In RGB, #558f13 is rgb(85, 143, 19), in HSL hsl(88, 77%, 32%) and in CMYK 41%, 0%, 87%, 44%.
How do I best use #558f13 in a user interface?
Use #558f13 as a high-visibility accent color for primary call-to-action buttons or status indicators. Because of its saturation, it balances effectively when paired with charcoal or deep slate, maintaining readability while demanding user attention.
Is #558f13 readable on white or black?
#558f13 has a 3.94:1 contrast ratio on white and 5.32:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.