#2F54AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and dark, this cobalt blue reads serious and composed on screen. The hex code #2f54ae has strong contrast with white text, about 7.0:1, which makes it a dependable base for buttons, banners, and dashboard headers. It leans cool without going icy, so warm accents like coral or amber keep it from feeling flat. A solid pick for finance, tech, and government work.
Questions about #2f54ae
What is #2f54ae in RGB, HSL and CMYK?
In RGB, #2f54ae is rgb(47, 84, 174), in HSL hsl(223, 57%, 43%) and in CMYK 73%, 52%, 0%, 32%.
What colors pair well with #2f54ae?
Warm coral, soft amber, and muted gold all set off the cool depth of #2f54ae. Warm gray and off-white neutrals keep layouts professional, and burgundy pushes the palette toward a richer, editorial feel.
Is #2f54ae readable on white or black?
#2f54ae has a 6.99:1 contrast ratio on white and 3.00: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.