#00B4BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This crisp, energetic cyan sits right between sky blue and green. With its high saturation and light value, #00b4bc works as a punchy accent or a main brand color for tech and youth-oriented interfaces. It offers excellent readability for small body text against dark backgrounds. Use it sparingly, as its intensity can easily overwhelm a layout when applied in large blocks.
Questions about #00b4bc
What is #00b4bc in RGB, HSL and CMYK?
In RGB, #00b4bc is rgb(0, 180, 188), in HSL hsl(183, 100%, 37%) and in CMYK 100%, 4%, 0%, 26%.
How should I use #00b4bc in a professional interface?
#00b4bc is best used as a strategic accent rather than a primary fill. It creates excellent readability when set against deep backgrounds like charcoal, though it can overwhelm a design if applied in large, dominant blocks.
Does #00b4bc read as warm or cool?
This color sits firmly on the cool side of the spectrum, leaning into a bright, refreshing cyan. Because it balances blue and green, it avoids the sterile feel of pure sky blue while remaining much cooler than a teal or turquoise.
Is #00b4bc readable on white or black?
#00b4bc has a 2.54:1 contrast ratio on white and 8.25: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.