#05BC88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and neon-leaning, #05bc88 is a punchy teal that commands attention. Its intensity makes it a difficult choice for large backgrounds but an effective selection for buttons and active UI elements. This shade offers excellent contrast for black text, ensuring readability. If you are struggling to balance such a vivid hue, mixing gray can help tone down its brightness. The hex code for this color is #05bc88.
Questions about #05bc88
What is #05bc88 in RGB, HSL and CMYK?
In RGB, #05bc88 is rgb(5, 188, 136), in HSL hsl(163, 95%, 38%) and in CMYK 97%, 0%, 28%, 26%.
How should I use #05bc88 in a UI design?
Reserve #05bc88 for high-impact call-to-action buttons or small status indicators where you need to draw the eye immediately. Because it is so saturated, avoid using it as a primary background color to prevent eye strain and readability issues.
What colors pair well with #05bc88?
This vivid teal creates strong contrast when paired with charcoal for text or dark, desaturated grays for structure. To soften its intensity, combine it with neutral creams or lighter off-white shades rather than pure white.
Is #05bc88 readable on white or black?
#05bc88 has a 2.45:1 contrast ratio on white and 8.55: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.