#2A6986 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #2a6986 when a design needs a dependable base, think finance dashboards, healthcare portals, or moody nautical branding. This dark steel blue is muted and cool, with ashy undertones, the kind you get when mixing gray into a deep blue. The hex code #2a6986 holds white text at roughly 6.1:1 contrast, clearing WCAG AA for body copy. It pairs richer with burgundy than with camel.
Questions about #2a6986
What is #2a6986 in RGB, HSL and CMYK?
In RGB, #2a6986 is rgb(42, 105, 134), in HSL hsl(199, 52%, 35%) and in CMYK 69%, 22%, 0%, 47%.
What colors pair well with #2a6986?
Warm tones like burgundy, rust, and soft sand flatter #2a6986 because their warmth offsets its cool, grayed undertones. Cream also reads softer than pure white against large areas of it.
Is #2a6986 readable on white or black?
#2a6986 has a 6.06:1 contrast ratio on white and 3.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.