#0396A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, mid-tone cyan feels refreshing and crisp. Because it is highly legible against black text, the hex code #0396a6 works effectively as a dominant base for UI backgrounds or branding. Pair it with soft cream or warm gray to ground its intensity. It conveys a clear, modern professional tone, making it a reliable choice for tech and communication designs.
Questions about #0396a6
What is #0396a6 in RGB, HSL and CMYK?
In RGB, #0396a6 is rgb(3, 150, 166), in HSL hsl(186, 96%, 33%) and in CMYK 98%, 10%, 0%, 35%.
How can I balance the intensity of #0396a6 in a design?
Because #0396a6 is quite vibrant, you can effectively ground its energy by pairing it with neutral tones like soft cream or a warm, muted gray. These neutral partners prevent the cyan from overpowering your layout while maintaining a clean, professional aesthetic.
Why is #0396a6 a good choice for user interface design?
This color provides high contrast against dark text, making it a functional, accessible choice for buttons, headers, or call-to-action elements. Its mid-tone quality keeps the UI feeling modern and refreshing without causing the eye strain often associated with neon or overly saturated hues.
Is #0396a6 readable on white or black?
#0396a6 has a 3.54:1 contrast ratio on white and 5.91:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.