#00BCD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#00bcd4 is a high-energy, saturated cyan that reads as distinctly cool. Due to its intensity, this hue works best as a 10% accent color for UI elements or buttons rather than a dominant background. The hex code #00bcd4 provides excellent readability against black text. For a balanced, modern palette, pair this shade with deep charcoal grays to ground its sharpness.
Questions about #00bcd4
What is #00bcd4 in RGB, HSL and CMYK?
In RGB, #00bcd4 is rgb(0, 188, 212), in HSL hsl(187, 100%, 42%) and in CMYK 100%, 11%, 0%, 17%.
How should I effectively use #00bcd4 in a UI design?
#00bcd4 is extremely intense, so it functions best as a functional accent rather than a background color. Use it sparingly for call-to-action buttons or small icons to create immediate visual interest without overwhelming the user or fatiguing the eye.
Is #00bcd4 readable on white or black?
#00bcd4 has a 2.29:1 contrast ratio on white and 9.14: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.