#0BB4CD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, high-chroma cyan feels energetic and refreshing. Because of its intensity, #0bb4cd works best as an accent color rather than a large-scale background, where it can quickly overwhelm a design. It pairs well with crisp white for a clean, modern tech aesthetic. Because it offers strong contrast against black text, it functions effectively for readable UI elements and bold iconography.
Questions about #0bb4cd
What is #0bb4cd in RGB, HSL and CMYK?
In RGB, #0bb4cd is rgb(11, 180, 205), in HSL hsl(188, 90%, 42%) and in CMYK 95%, 12%, 0%, 20%.
Where does #0bb4cd work best in UI design?
#0bb4cd functions best as a high-visibility accent color rather than a large-scale background, as its intensity can easily overwhelm a layout. It creates clean, modern digital experiences when used for calls-to-action, iconography, or data visualizations that require strong visual impact.
Which colors pair well with #0bb4cd?
Pair #0bb4cd with crisp whites and neutral grays to keep the aesthetic professional and readable. For a more sophisticated contrast, try grounding this bright cyan against deep charcoal or near-black tones to make the vibrancy pop without causing eye strain.
Is #0bb4cd readable on white or black?
#0bb4cd has a 2.49:1 contrast ratio on white and 8.42: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.