#4169E1 · Royal Blue
Click to copy#4169E1 is a medium, moderately saturated blue color, closest to Royal Blue and near Slate Blue and Iris. In OKLCH it has 56% lightness and 0.19 chroma at hue 266°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #4169E1 a natural choice for links, primary buttons, finance and technology.
Color codes click to copy
HEX
#4169E1RGB
rgb(65, 105, 225)HSL
hsl(225, 73%, 57%)CMYK
71, 53, 0, 12CSS var
--royal-blueContrast
4.85:1 white · 4.33:1 blackSimilar named colors
How to use #4169E1
White text passes WCAG AA on #4169E1 (4.85:1); black does not, so keep dark text off it.
For a calm scheme pair #4169E1 with its analogous neighbors #41B9E1 and #6941E1; for contrast use its complement #E1B941 as a small accent, and anchor everything with a neutral such as #1F1F24.
--royal-blue: #4169E1;
$royal-blue: #4169E1;
colors: { 'royal-blue': '#4169E1' }