Royal Blue in OKLCH
Royal Blue is the rich, medium-dark CSS named color #4169E1. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About royal blue
Royal Blue is a deep, confident blue that reads as premium and dependable, which is why it shows up in finance, sports and formal branding. It is darker and slightly more violet than dodger blue, with solid chroma, so the tonal scale pulls both crisp light tints and deep navy-leaning shades. Keep the hue and sweep lightness for the ramp, then copy the OKLCH, HEX or RGB value.
Royal Blue in CSS: oklch(56.0% 0.188 266.4) · #4169e1 · rgb(65 105 225)
Frequently Asked Questions
Royal blue (#4169E1) is darker and leans slightly more violet, while dodger blue (#1E90FF) is brighter and more cyan. In OKLCH royal blue has a lower lightness and a hue a few degrees toward purple.
Royal blue is rgb(65, 105, 225). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →