Napoleonic Blue
#2c4170
Napoleonic Blue, represented by the hex value #2c4170, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #2c4170 | |
|---|---|---|
| RGB | rgb(44, 65, 112) | |
| HSL | hsl(221, 44%, 31%) | |
| CMYK | cmyk(61%, 42%, 0%, 56%) | |
| LAB | lab(28, 4, -30) | |
| OKLCH | oklch(0.38 0.085 265) |
Color harmonies
Tints & shades
Code snippets
color: #2c4170;
background-color: #2c4170;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-slate-500 /* ≈ #62748e */
/* Flutter */
Color(0xFF2C4170)
/* Swift / UIKit */
UIColor(red: 0.17, green: 0.25, blue: 0.44, alpha: 1.0)