#0B2A6B
#2E55C7
#D4AF37
#F6F3EA
#2E55C7 · Sapphire
Click to copy#2E55C7 is a medium, moderately saturated blue color, closest to Sapphire and near Sapphire and Denim. In OKLCH it has 49% lightness and 0.18 chroma at hue 266°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #2E55C7 a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#2E55C7RGB
rgb(46, 85, 199)HSL
hsl(225, 62%, 48%)CMYK
77, 57, 0, 22CSS var
--sapphireContrast
6.48:1 white · 3.24:1 blackSimilar named colors
How to use #2E55C7
White text passes WCAG AA on #2E55C7 (6.48:1); black does not, so keep dark text off it.
For a calm scheme pair #2E55C7 with its analogous neighbors #2FA0C6 and #542FC6; for contrast use its complement #C6A02F as a small accent, and anchor everything with a neutral such as #F5F5F7.
--sapphire: #2E55C7;
$sapphire: #2E55C7;
colors: { 'sapphire': '#2E55C7' }