#318BC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue feels professional and grounded rather than vivid or electric. Because it lacks extreme saturation, #318bc6 works well as a reliable base color for corporate branding or UI interfaces where you need to project stability. Pair it with charcoal greys for a modern look, or use black text for excellent readability. The hex code for this cool shade is #318bc6.
Questions about #318bc6
What is #318bc6 in RGB, HSL and CMYK?
In RGB, #318bc6 is rgb(49, 139, 198), in HSL hsl(204, 60%, 48%) and in CMYK 75%, 30%, 0%, 22%.
What colors pair well with #318bc6 for a balanced interface?
Use #318bc6 with charcoal or deep slate grays to maintain a modern, professional contrast without overwhelming the eye. Because #318bc6 is a mid-tone, these darker neutrals provide the necessary weight to keep your typography sharp and legible.
Is #318bc6 readable on white or black?
#318bc6 has a 3.72:1 contrast ratio on white and 5.63: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.