#F50037
#30558B
#F1FAEE
#E1BA00
#30558B · Lapis
Click to copy#30558B is a medium, moderately saturated blue color, closest to Lapis and near Lapis and Dusk. In OKLCH it has 45% lightness and 0.10 chroma at hue 258°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #30558B a natural choice for links, primary buttons, finance and technology. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#30558BRGB
rgb(48, 85, 139)HSL
hsl(216, 49%, 37%)CMYK
65, 39, 0, 45CSS var
--lapisContrast
7.51:1 white · 2.8:1 blackSimilar named colors
How to use #30558B
White text passes WCAG AA on #30558B (7.51:1); black does not, so keep dark text off it.
For a calm scheme pair #30558B with its analogous neighbors #30838D and #39308D; for contrast use its complement #8D6830 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--lapis: #30558B;
$lapis: #30558B;
colors: { 'lapis': '#30558B' }