#0B1D3A
#2F5887
#CD5F72
#DCEBFA
#2F5887 · Lapis
Click to copy#2F5887 is a medium, moderately saturated blue color, closest to Lapis and near Lapis and Dusk. In OKLCH it has 45% lightness and 0.09 chroma at hue 253°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #2F5887 a natural choice for links, primary buttons, finance and technology. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#2F5887RGB
rgb(47, 88, 135)HSL
hsl(212, 48%, 36%)CMYK
65, 35, 0, 47CSS var
--lapisContrast
7.33:1 white · 2.87:1 blackSimilar named colors
How to use #2F5887
White text passes WCAG AA on #2F5887 (7.33:1); black does not, so keep dark text off it.
For a calm scheme pair #2F5887 with its analogous neighbors #308588 and #333088; for contrast use its complement #885F30 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--lapis: #2F5887;
$lapis: #2F5887;
colors: { 'lapis': '#2F5887' }