#318ED8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A clear, medium blue with genuine punch. #318ed8 is saturated enough to anchor a brand yet light enough to stay friendly, which suits fintech, healthcare, and civic design. Black text passes AA on it at about 6.0:1 contrast. Pair it with warm sand tones rather than plain white, which can wash it out.
Questions about #318ed8
What is #318ed8 in RGB, HSL and CMYK?
In RGB, #318ed8 is rgb(49, 142, 216), in HSL hsl(207, 68%, 52%) and in CMYK 77%, 34%, 0%, 15%. Browse more shades of blue with names and hex codes.
What colors pair well with #318ed8?
Warm neutrals like sand and terracotta flatter #318ed8 better than plain white, which can wash it out. For darker layouts, set it against navy or charcoal for depth.
Is black or white text better on #318ed8?
Black text. It reaches about 6.0:1 contrast on #318ed8, clearing the WCAG AA 4.5:1 threshold for body text. White text falls short, so keep dark type on this background.
Is #318ed8 readable on white or black?
#318ed8 has a 3.50:1 contrast ratio on white and 5.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.