#317BDF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A step brighter than standard web blue, the hex code #317bdf is a saturated azure that reads loud even in small doses. That intensity suits buttons, links, and calls to action more than full backgrounds, where it can overwhelm. It flatters warm coral and soft amber, and black text passes AA contrast on it at roughly 5:1.
Questions about #317bdf
What is #317bdf in RGB, HSL and CMYK?
In RGB, #317bdf is rgb(49, 123, 223), in HSL hsl(214, 73%, 53%) and in CMYK 78%, 45%, 0%, 13%.
What colors pair well with #317bdf?
Warm coral and soft amber make the strongest partners for #317bdf, because their heat balances this blue's chill and keeps both colors at full strength. For calmer layouts, cream and slate gray work well too.
Is #317bdf readable on white or black?
#317bdf has a 4.17:1 contrast ratio on white and 5.02: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.