#0C0CF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense royal blue demands immediate attention. Its extreme saturation makes it risky for full backgrounds, but it shines as a bold accent color. Pair it with crisp white text for maximum legibility, which achieves an 8.6:1 contrast ratio against this pigment. Designers often select the hex code #0c0cf9 for modern, high-contrast UI components and call-to-action buttons that need to stand out from the page.
Questions about #0c0cf9
What is #0c0cf9 in RGB, HSL and CMYK?
In RGB, #0c0cf9 is rgb(12, 12, 249), in HSL hsl(240, 95%, 51%) and in CMYK 95%, 95%, 0%, 2%.
How should I use #0c0cf9 in UI design?
#0c0cf9 works best as a punchy accent color for primary call-to-action buttons rather than as a background fill. Because it is so highly saturated, it demands immediate attention and excels when placed against a clean, neutral interface.
What colors pair well with #0c0cf9?
Pair #0c0cf9 with crisp white text to achieve a high contrast ratio of 8.6:1, ensuring optimal readability. For secondary accents, it complements light gray or silver tones well, which prevents the extreme vibrancy from overwhelming your overall layout.
Is #0c0cf9 readable on white or black?
#0c0cf9 has a 8.62:1 contrast ratio on white and 2.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.