#7DD145 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation lime is aggressive and demands attention. Because #7dd145 features such intense brightness, it overwhelms large backgrounds but works well as a high-impact accent color for buttons or call-to-action elements. Pair this hex code with dark charcoals to ensure legibility, as the contrast provides the crisp clarity needed for UI components. It brings an undeniable energy to any design layout.
Questions about #7dd145
What is #7dd145 in RGB, HSL and CMYK?
In RGB, #7dd145 is rgb(125, 209, 69), in HSL hsl(96, 60%, 55%) and in CMYK 40%, 0%, 67%, 18%.
What is the best way to use #7dd145 in a UI design?
Use #7dd145 exclusively as a high-impact accent color for buttons or call-to-action elements, as its extreme saturation can overwhelm your layout. Always pair this lime with deep tones like charcoal to maintain necessary contrast and readability for your users.
Does #7dd145 work well as a background color?
Avoid using #7dd145 as a primary background color because the high brightness causes eye strain and makes text difficult to read. It functions much better as a vibrant, small-scale pop of color against neutral, dark interfaces that need a bold visual focal point.
Is #7dd145 readable on white or black?
#7dd145 has a 1.89:1 contrast ratio on white and 11.07: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.