Cobalt
An intense, high-energy cobalt blue
Cobalt is an intense, authoritative blue that demands attention. Because it is highly saturated, this color functions best as a dominant base or a sharp accent in corporate branding. The hex code #030aa7 offers excellent legibility with white text, boasting a 13.1:1 contrast ratio. Use it sparingly in large UI backgrounds to avoid visual fatigue, as its deep chroma can easily overwhelm lighter color palettes.
Questions about Cobalt
What is the hex code for Cobalt?
Cobalt is #030aa7. In RGB that is rgb(3, 10, 167), in HSL hsl(237, 96%, 33%) and in CMYK 98%, 94%, 0%, 35%.
How should I use Cobalt #030aa7 in interface design?
Use Cobalt #030aa7 primarily as a sharp, high-contrast accent color rather than a large background fill. Because it is highly saturated, it works exceptionally well for call-to-action buttons or primary navigation elements against clean, neutral white backgrounds to maintain legibility.
Is Cobalt readable on white or black?
Cobalt has a 13.08:1 contrast ratio on white and 1.60: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.