#10B981 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, emerald-toned shade is a punchy, mid-light hue. It suggests organic stability, making it a frequent choice for eco-focused branding. The hex code for this color is #10b981. Use it as a 10% accent, because its high saturation can overwhelm full backgrounds. Black text creates a sharp 8.3:1 contrast ratio, ensuring excellent accessibility for body copy.
Questions about #10b981
What is #10b981 in RGB, HSL and CMYK?
In RGB, #10b981 is rgb(16, 185, 129), in HSL hsl(160, 84%, 39%) and in CMYK 91%, 0%, 30%, 27%.
How can I effectively use #10b981 in digital interface design?
#10b981 is highly saturated, so it works best as a 10% accent color for buttons or status indicators rather than a full background. This keeps the interface clean while ensuring the vibrant tone draws the user's eye to key interactive elements.
What colors pair well with #10b981 for balanced design?
Is #10b981 readable on white or black?
#10b981 has a 2.53:1 contrast ratio on white and 8.27:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.