#303F9F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo carries a serious, professional weight that feels both stable and authoritative. Because it is quite dark, it functions best as a dominant base for corporate branding or moody dark-mode interfaces. Use white text for high-contrast accessibility, as it reads clearly against this deep backdrop. The hex code for this strong, stable shade is #303f9f.
Questions about #303f9f
What is #303f9f in RGB, HSL and CMYK?
In RGB, #303f9f is rgb(48, 63, 159), in HSL hsl(232, 54%, 41%) and in CMYK 70%, 60%, 0%, 38%.
How can I use #303f9f effectively in user interface design?
#303f9f works best as a strong, anchor color for headers, navigation bars, or primary action buttons in dark mode layouts. Because the color is deeply saturated and dark, it provides excellent readability when paired with white or light gray text for high-contrast accessibility.
What colors pair well with #303f9f for a balanced palette?
Pair #303f9f with cream or soft beige to add warmth and prevent the design from feeling too cold. If you need a more vibrant look, accents in golden yellow or coral create a dynamic, modern contrast against the deep indigo background.
Is #303f9f readable on white or black?
#303f9f has a 8.98:1 contrast ratio on white and 2.33: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.