#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#1D4ED8 · Sapphire
Click to copy#1D4ED8 is a medium, highly saturated blue color, closest to Sapphire and near Sapphire and Neon Blue. In OKLCH it has 49% lightness and 0.22 chroma at hue 264°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #1D4ED8 a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#1D4ED8RGB
rgb(29, 78, 216)HSL
hsl(224, 76%, 48%)CMYK
87, 64, 0, 15CSS var
--sapphireContrast
6.7:1 white · 3.13:1 blackSimilar named colors
How to use #1D4ED8
White text passes WCAG AA on #1D4ED8 (6.7:1); black does not, so keep dark text off it.
For a calm scheme pair #1D4ED8 with its analogous neighbors #1DACD7 and #491DD7; for contrast use its complement #D7A61D as a small accent, and anchor everything with a neutral such as #F5F5F7.
--sapphire: #1D4ED8;
$sapphire: #1D4ED8;
colors: { 'sapphire': '#1D4ED8' }