#00B055 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green commands attention with its intense, high-energy presence. Because of its visual weight, #00b055 works best as a sharp 10% accent rather than a background color. It pairs surprisingly well with dark charcoal or muted grays, which ground its brightness. With high contrast against black text, it provides excellent readability for buttons and call-to-action elements in modern UI designs.
Questions about #00b055
What is #00b055 in RGB, HSL and CMYK?
In RGB, #00b055 is rgb(0, 176, 85), in HSL hsl(149, 100%, 35%) and in CMYK 100%, 0%, 52%, 31%.
How should I use #00b055 effectively in UI design?
#00b055 acts as a high-impact accent color and is most effective when used sparingly, covering no more than ten percent of your interface. Its intensity makes it ideal for primary call-to-action buttons that need to stand out against neutral backgrounds.
What colors pair best with #00b055 for a balanced palette?
#00b055 creates a sophisticated, modern look when paired with deep charcoal or cool, muted grays. These darker, neutral tones provide the necessary visual weight to ground the brightness of #00b055 without letting it overwhelm your layout.
Is #00b055 readable on white or black?
#00b055 has a 2.86:1 contrast ratio on white and 7.34: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.