#0396BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, mid-tone cyan feels refreshing and clear without being overly saturated. Because it maintains strong legibility against black text, #0396bf works effectively for UI buttons and technical interfaces that require high contrast. Use this hex code as a bold accent rather than a full background to avoid overwhelming the viewer. It pairs unexpectedly well with deep charcoal grays or warm, burnt orange highlights.
Questions about #0396bf
What is #0396bf in RGB, HSL and CMYK?
In RGB, #0396bf is rgb(3, 150, 191), in HSL hsl(193, 97%, 38%) and in CMYK 98%, 21%, 0%, 25%.
Where should I use #0396bf in a UI design?
#0396bf excels as a bold accent color for interactive elements like buttons, toggle switches, or call-to-action links. Because it maintains high legibility against dark text, it directs user attention effectively without requiring a full background fill.
What colors pair well with #0396bf?
This cyan balances beautifully against deep charcoal grays for professional interfaces or warm, burnt orange highlights for a high-energy contrast. Using a neutral base prevents the vibrancy of #0396bf from overwhelming your primary content layout.
Is #0396bf readable on white or black?
#0396bf has a 3.43:1 contrast ratio on white and 6.11: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.