#189B42 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity green commands attention without feeling aggressive. Because it pairs well with crisp black text, the hex code #189b42 works effectively for UI call-to-action buttons or small, functional icons. Use it as a 10% accent to highlight organic branding or sustainability-focused layouts. It risks overwhelming a design if applied to large backgrounds, so keep it limited to smaller, impactful interface elements.
Questions about #189b42
What is #189b42 in RGB, HSL and CMYK?
In RGB, #189b42 is rgb(24, 155, 66), in HSL hsl(139, 73%, 35%) and in CMYK 85%, 0%, 57%, 39%.
Where should I use #189b42 in a UI design?
Use #189b42 as a small accent color for high-impact elements like call-to-action buttons or functional icons. Because of its high saturation, it can overwhelm large backgrounds, so keep it limited to smaller interface components that require immediate user attention.
What colors pair well with #189b42?
This green pairs naturally with charcoal or soft off-white tones for balanced, readable text contrast. For more vibrant schemes, it complements warm, muted terracotta shades, creating a grounded, organic palette suitable for eco-conscious or nature-inspired design projects.
Is #189b42 readable on white or black?
#189b42 has a 3.61:1 contrast ratio on white and 5.80: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.