#0F172A
#444F64
#6366F1
#F8FAFC
#6366F1 · Royal Blue
Click to copy#6366F1 is a medium, highly saturated blue color, closest to Royal Blue and near Royal Blue and Slate Blue. In OKLCH it has 59% lightness and 0.20 chroma at hue 277°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #6366F1 a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#6366F1RGB
rgb(99, 102, 241)HSL
hsl(239, 84%, 67%)CMYK
59, 58, 0, 5CSS var
--royal-blueContrast
4.47:1 white · 4.7:1 blackSimilar named colors
How to use #6366F1
Black text passes WCAG AA on #6366F1 (4.7:1); white text does not (4.47:1).
For a calm scheme pair #6366F1 with its analogous neighbors #64ADF2 and #A864F2; for contrast use its complement #F2EF64 as a small accent, and anchor everything with a neutral such as #1F1F24.
--royal-blue: #6366F1;
$royal-blue: #6366F1;
colors: { 'royal-blue': '#6366F1' }