#0303EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense blue is hyper-saturated, making it a high-energy choice rather than a traditional background shade. Because #0303ef is so vibrant, it works best as a bold accent color that cuts through quieter, neutral palettes. While white text reads clearly against it, this hex code is strong enough to easily overwhelm a layout if used as a primary base. Use it sparingly to focus attention.
Questions about #0303ef
What is #0303ef in RGB, HSL and CMYK?
In RGB, #0303ef is rgb(3, 3, 239), in HSL hsl(240, 98%, 47%) and in CMYK 99%, 99%, 0%, 6%.
How should I use #0303ef in a design layout?
#0303ef works best as a surgical accent rather than a primary background color, as its extreme saturation can easily overwhelm the eye. Use it sparingly to guide user focus toward call-to-action buttons or key interface highlights, especially when paired against cool charcoal or stark white surfaces.
Does #0303ef work well with text?
This color provides excellent contrast for white or light-toned typography, making it a viable choice for high-energy display text or iconic branding elements. However, avoid placing dark text directly over #0303ef, as the intensity of the blue will cause significant legibility issues for most viewers.
Is #0303ef readable on white or black?
#0303ef has a 9.27:1 contrast ratio on white and 2.26: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.