#000814
#1B3A69
#2A5A99
#FFC300
#2A5A99 · Lapis
Click to copy#2A5A99 is a medium, moderately saturated blue color, closest to Lapis and near Lapis and Dusk. In OKLCH it has 47% lightness and 0.12 chroma at hue 256°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #2A5A99 a natural choice for links, primary buttons, finance and technology. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#2A5A99RGB
rgb(42, 90, 153)HSL
hsl(214, 57%, 38%)CMYK
73, 41, 0, 40CSS var
--lapisContrast
6.95:1 white · 3.02:1 blackSimilar named colors
How to use #2A5A99
White text passes WCAG AA on #2A5A99 (6.95:1); black does not, so keep dark text off it.
For a calm scheme pair #2A5A99 with its analogous neighbors #2A9198 and #312A98; for contrast use its complement #98682A as a small accent, and anchor everything with a neutral such as #F5F5F7.
--lapis: #2A5A99;
$lapis: #2A5A99;
colors: { 'lapis': '#2A5A99' }