#00CCBE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#00ccbe is a vivid, high-saturation teal that feels crisp and energetic. Because of its intensity, this hue works best as a 10% accent color for UI elements or buttons rather than a dominant background. Black text provides excellent readability against this shade. If you need a more neutral base, knowing how to make gray can help you balance such a bright, cool tone in your design.
Questions about #00ccbe
What is #00ccbe in RGB, HSL and CMYK?
In RGB, #00ccbe is rgb(0, 204, 190), in HSL hsl(176, 100%, 40%) and in CMYK 100%, 0%, 7%, 20%.
How should #00ccbe be used in UI design?
#00ccbe functions best as a high-visibility accent color rather than a primary background shade. Because of its intense, energetic saturation, applying it to call-to-action buttons or small interface icons ensures it draws attention without overwhelming the user's focus.
What colors pair well with #00ccbe?
This teal balances effectively against dark, neutral tones like charcoal or deep navy to anchor its brightness. For a fresh, modern aesthetic, pairing #00ccbe with crisp white space or light gray allows the vibrant cyan undertones to pop prominently.
Is #00ccbe readable on white or black?
#00ccbe has a 2.02:1 contrast ratio on white and 10.38: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.