Vibrant Royal Mineral Blue
Category: Blue
Cobalt Blue (#0047AB) — Color Codes, Meaning & UI Palettes
Cobalt Blue is a deep, luminous blue with historical origins in cobalt aluminate pigment dating back to 1802. Renowned for its visual stability, electric brilliance, and high saturation, it is a staple in fine art, ceramics, and modern high-tech interfaces.
Click to Copy HEX
Cobalt Blue
#0047AB
HEX
#0047AB
RGB
rgb(0, 71, 171)
HSL
hsl(215deg, 100%, 34%)
CMYK (Print)
cmyk(100%, 58%, 0%, 33%)
Apple Display P3
color(display-p3 0.000 0.278 0.671)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
8.44:1 (AAA)
Black Text (#000000)
2.49:1 (Fail)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F0F4FA
100
#D6E2F2
200
#ADC4E4
300
#7A9FD3
400
#3D73BF
500
#0047AB
600
#003989
700
#002B67
800
#001C44
900
#001026
950
#000915
Color Harmonies & Palette Schemes
Complementary
#AD6500
Opposite 180° Contrast
Analogous -30°
#009FAD
Natural Harmony
Analogous +30°
#0E00AD
Natural Harmony
Triadic +120°
#AD0048
120° Balanced Triad
Triadic +240°
#48AD00
120° Balanced Triad
Curated UI Design Pairings for Cobalt Blue
Pairs exceptionally well with crisp white typography and subtle slate grays. Use as a high-authority primary action color in fintech, analytics dashboards, and developer tooling.
Pure White
#FFFFFF
Primary High-Contrast Text
Pale Slate
#D9E2EC
Subtle Card Border
Amber Gold
#F59E0B
Complementary Accent
Deep Obsidian
#0A0B0E
Dark Background
Export Cobalt Blue Code Snippets
CSS Variable
--color-cobalt-blue: #0047AB;
Tailwind Config
'cobalt-blue': '#0047AB'
Swift / SwiftUI
Color(hex: "#0047AB")
JSON Design Token
{"name": "Cobalt Blue", "hex": "#0047AB"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.