Ultramarine
Online color picker to view shades, tints, color codes, and complementary colors
Ultramarine is a saturated royal blue that demands attention. Because it is highly vivid, it works best as a bold accent rather than a full background. Pair it with crisp white to maintain readability, as its 10.1:1 contrast ratio ensures excellent accessibility for text. The hex code for this shade is #1805db. Use it in professional branding to project authority and reliability.
Questions about Ultramarine
What is the hex code for Ultramarine?
Ultramarine is #1805db. In RGB that is rgb(24, 5, 219), in HSL hsl(245, 96%, 44%) and in CMYK 89%, 98%, 0%, 14%.
How should I use #1805db in a UI design?
Use #1805db sparingly as a high-impact accent color for primary buttons, call-to-action links, or navigation highlights. Because of its intense saturation, it can cause eye strain if used for large backgrounds, so always pair it with clean white space.
What colors pair well with Ultramarine #1805db?
Pair #1805db with neutral tones like light gray or crisp whites to keep the design readable and balanced. For a high-energy palette, try combining it with complementary warm tones like amber or soft gold to create visual tension.
Is Ultramarine readable on white or black?
Ultramarine has a 10.07:1 contrast ratio on white and 2.08: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.