Majestic Electric Cobalt Blue
Category: Blue
Royal Blue (#4169E1) — Color Codes, Meaning & UI Palettes
Created for a competition to make a dress for Queen Charlotte, Royal Blue exudes authority, dynamic digital intelligence, confidence, and electric vibrancy.
Click to Copy HEX
Royal Blue
#4169E1
HEX
#4169E1
RGB
rgb(65, 105, 225)
HSL
hsl(225deg, 73%, 57%)
CMYK (Print)
cmyk(71%, 53%, 0%, 12%)
Apple Display P3
color(display-p3 0.255 0.412 0.882)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.85:1 (AA)
Black Text (#000000)
4.33:1 (AA Large)
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
#F4F6FD
100
#E1E7FA
200
#C2CFF5
300
#9CB1EF
400
#6F8DE8
500
#4169E1
600
#3454B4
700
#273F87
800
#1A2A5A
900
#0E1731
950
#080D1B
Color Harmonies & Palette Schemes
Complementary
#E1B941
Opposite 180° Contrast
Analogous -30°
#41B9E1
Natural Harmony
Analogous +30°
#6941E1
Natural Harmony
Triadic +120°
#E14169
120° Balanced Triad
Triadic +240°
#69E141
120° Balanced Triad
Curated UI Design Pairings for Royal Blue
One of the highest-converting CTA button colors on the modern web. Offers excellent contrast against dark obsidian dashboards and crisp white pages.
Pure White
#FFFFFF
High-Impact Button Label
Obsidian Glass
#12141A
Deep Modern Dark Canvas
Amber Gold
#F59E0B
Complementary Alert Pop
Cool Slate
#64748B
Muted Supporting Elements
Export Royal Blue Code Snippets
CSS Variable
--color-royal-blue: #4169E1;
Tailwind Config
'royal-blue': '#4169E1'
Swift / SwiftUI
Color(hex: "#4169E1")
JSON Design Token
{"name": "Royal Blue", "hex": "#4169E1"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.