#1F9442 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green is bold and commands attention without feeling jarring. Because it provides a 5.4:1 contrast ratio with black text, #1f9442 works perfectly for small UI elements like buttons or notification badges. Avoid using it as a dominant page background, as its intensity can quickly overwhelm a layout. Pair this hex code with soft greys or off-whites to keep your interface feeling balanced.
Questions about #1f9442
What is #1f9442 in RGB, HSL and CMYK?
In RGB, #1f9442 is rgb(31, 148, 66), in HSL hsl(138, 65%, 35%) and in CMYK 79%, 0%, 55%, 42%.
Where should I use #1f9442 in my design?
This green is best suited for high-impact UI elements like call-to-action buttons, status indicators, or notification badges. Because it is highly saturated, it commands attention quickly and can feel overwhelming if used for large backgrounds or body text.
What colors pair well with #1f9442 for a balanced interface?
To keep your interface balanced, pair #1f9442 with neutral tones like soft grey or off-white. These neutrals ground the intensity of the green, allowing the vibrant hue to pop as a focal point without causing visual fatigue for your users.
Is #1f9442 readable on white or black?
#1f9442 has a 3.90:1 contrast ratio on white and 5.37: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.