#3B6EA5 · Cerulean

Click to copy

#3B6EA5 is a medium, moderately saturated blue color, closest to Cerulean and near Cerulean and Lapis. In OKLCH it has 53% lightness and 0.10 chroma at hue 252°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #3B6EA5 a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.

Color codes click to copy

HEX#3B6EA5
RGBrgb(59, 110, 165)
HSLhsl(211, 47%, 44%)
CMYK64, 33, 0, 35
CSS var--cerulean
Contrast5.3:1 white · 3.96:1 black

Similar named colors

Cerulean #007BA7Lapis #26619COcean #0077BESteel Blue #4682B4Denim #1560BD

How to use #3B6EA5

White text passes WCAG AA on #3B6EA5 (5.3:1); black does not, so keep dark text off it.

For a calm scheme pair #3B6EA5 with its analogous neighbors #3BA3A5 and #3D3BA5; for contrast use its complement #A5723B as a small accent, and anchor everything with a neutral such as #F5F5F7.

--cerulean: #3B6EA5;

Shades & tints

#0C1621#182C42#234263#2F5884#3B6EA5#628BB7#89A8C9#B1C5DB#D8E2ED

Color harmonies for #3B6EA5

Complementary

#3B6EA5#A5723B

Analogous

#3B6EA5#3BA3A5#3D3BA5

Triadic

#3B6EA5#A53B6E#6EA53B

Split complementary

#3B6EA5#A53D3B#A3A53B

Tetradic

#3B6EA5#A53BA3#A5723B#3BA53D

Palettes with #3B6EA5