#00B6B6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#00b6b6 is a bright, saturated cyan that feels energetic and youthful. Because it maintains high contrast, it works well for UI buttons or alert icons rather than large backgrounds, which can become overwhelming. Designers pair this hex code with dark charcoals for a clean look. If you need to tone down its intensity, learning how to make gray helps you create softer, more harmonious supporting palettes.
Questions about #00b6b6
What is #00b6b6 in RGB, HSL and CMYK?
In RGB, #00b6b6 is rgb(0, 182, 182), in HSL hsl(180, 100%, 36%) and in CMYK 100%, 0%, 0%, 29%.
What colors pair well with #00b6b6 in a design system?
Use #00b6b6 alongside charcoal or deep navy to ground the intensity of this vibrant cyan. It creates a professional contrast that makes the cyan pop without overpowering the layout, which is ideal for buttons or call-to-action elements.
Is #00b6b6 a good choice for text on a white background?
Using #00b6b6 for body text typically fails accessibility standards due to poor contrast against white. It functions best as an accent color for icons or interactive elements where readability is not the primary requirement for a user experience.
Is #00b6b6 readable on white or black?
#00b6b6 has a 2.50:1 contrast ratio on white and 8.36: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.