#00B159 Hex Color
A vibrant and bold action-oriented green
High-chroma and demanding of attention, #00b159 functions best as a functional accent rather than a background. This saturated green signals action and safety in UI design, pairing well with stark black text for readability. While it feels organic, its intensity can overwhelm layouts when used in large blocks. For other shades of green with less visual noise, check this hex code, #00b159, in your palette.
Questions about #00b159
What is #00b159 in RGB, HSL and CMYK?
In RGB, #00b159 is rgb(0, 177, 89), in HSL hsl(150, 100%, 35%) and in CMYK 100%, 0%, 50%, 31%.
How should I use #00b159 in user interface design?
Use #00b159 sparingly as a functional accent for primary call-to-action buttons or success messages, as its high saturation can quickly overwhelm a layout. It pairs effectively with charcoal text to maintain necessary accessibility standards and visual hierarchy.
What colors complement #00b159 for a balanced palette?
Complementary palettes often pair #00b159 with deep burgundy to create high-contrast visual interest, though neutral tones help ground the intensity. This green works best when balanced against darker, muted colors that allow its natural vibrance to stand out without causing eye strain.
Is #00b159 readable on white or black?
#00b159 has a 2.82:1 contrast ratio on white and 7.43: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.