#3A86FF
#8EC5FC
#E0C3FC
#FFFFFF
#3A86FF · Blueberry
Click to copy#3A86FF is a medium, highly saturated blue color, closest to Blueberry and near Blueberry and Azure. In OKLCH it has 64% lightness and 0.20 chroma at hue 260°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #3A86FF a natural choice for links, primary buttons, finance and technology. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#3A86FFRGB
rgb(58, 134, 255)HSL
hsl(217, 100%, 61%)CMYK
77, 47, 0, 0CSS var
--blueberryContrast
3.48:1 white · 6.03:1 blackSimilar named colors
How to use #3A86FF
Black text passes WCAG AA on #3A86FF (6.03:1); white text does not (3.48:1).
For a calm scheme pair #3A86FF with its analogous neighbors #38E8FF and #4F38FF; for contrast use its complement #FFB338 as a small accent, and anchor everything with a neutral such as #1F1F24.
--blueberry: #3A86FF;
$blueberry: #3A86FF;
colors: { 'blueberry': '#3A86FF' }