#248D18 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#248d18 is a high-chroma, saturated green that commands immediate attention. Its intensity makes it perfect for bold calls to action or UI accents that need to pop. While it is too aggressive for large backgrounds, it pairs effectively with neutral grays or charcoal to anchor its brightness. The hex code for this powerful shade is #248d18, which supports clear readability against black text.
Questions about #248d18
What is #248d18 in RGB, HSL and CMYK?
In RGB, #248d18 is rgb(36, 141, 24), in HSL hsl(114, 71%, 32%) and in CMYK 74%, 0%, 83%, 45%.
How can I effectively use #248d18 in UI design?
Use #248d18 primarily for interactive elements like buttons, toggle switches, or notification badges where high contrast is necessary to capture user attention. Its aggressive saturation often overwhelms the eye on large backgrounds, so keep it confined to small, impactful areas.
What neutral colors balance the intensity of #248d18?
Pair #248d18 with deep charcoal or soft off-white tones to ground its brightness without creating visual fatigue. Using a neutral base prevents the green from clashing while allowing its natural vibrancy to guide the user's focus through your layout.
Is #248d18 readable on white or black?
#248d18 has a 4.28:1 contrast ratio on white and 4.89: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.