#48D081 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation green feels electric and youthful. Because it commands attention, use #48d081 as a 10% accent color rather than a dominant base to avoid overwhelming your layout. It pairs well with deep charcoal or slate grays, which ground its brightness. The hex code #48d081 maintains excellent contrast for small black text, making it a functional choice for modern UI buttons and calls to action.
Questions about #48d081
What is #48d081 in RGB, HSL and CMYK?
In RGB, #48d081 is rgb(72, 208, 129), in HSL hsl(145, 59%, 55%) and in CMYK 65%, 0%, 38%, 18%.
How should I use #48d081 in a design layout?
Use #48d081 as a selective 10% accent color rather than a base, as its high saturation commands immediate attention. It works best for call-to-action buttons or small UI elements where high contrast against charcoal or dark backgrounds is necessary.
What colors pair best with #48d081?
Pair #48d081 with deep, neutral tones like charcoal or slate gray to ground its electric brightness. These dark, muted companions prevent the green from overwhelming your design while keeping the overall aesthetic modern, clean, and highly readable.
Is #48d081 readable on white or black?
#48d081 has a 1.97:1 contrast ratio on white and 10.61: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.