#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#3B5C9E · Lapis
Click to copy#3B5C9E is a medium, moderately saturated blue color, closest to Lapis and near Lapis and Dusk. In OKLCH it has 48% lightness and 0.11 chroma at hue 263°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #3B5C9E a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#3B5C9ERGB
rgb(59, 92, 158)HSL
hsl(220, 46%, 43%)CMYK
63, 42, 0, 38CSS var
--lapisContrast
6.54:1 white · 3.21:1 blackSimilar named colors
How to use #3B5C9E
White text passes WCAG AA on #3B5C9E (6.54:1); black does not, so keep dark text off it.
For a calm scheme pair #3B5C9E with its analogous neighbors #3B8FA0 and #4C3BA0; for contrast use its complement #A07E3B as a small accent, and anchor everything with a neutral such as #F5F5F7.
--lapis: #3B5C9E;
$lapis: #3B5C9E;
colors: { 'lapis': '#3B5C9E' }