#2F4FBA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2f4fba is a saturated, medium-dark blue with a slight violet cast. Its strong chroma brings energy and focus to calls to action, links, and brand accents, while its darker value supports serious technology, finance, and security interfaces. Use it as a supporting color rather than a full background. The hex code #2f4fba supports clear white text at about 7.1:1 contrast.
Questions about #2f4fba
What is #2f4fba in RGB, HSL and CMYK?
In RGB, #2f4fba is rgb(47, 79, 186), in HSL hsl(226, 60%, 46%) and in CMYK 75%, 58%, 0%, 27%.
How can I pair #2f4fba with other colors?
Pair #2f4fba with white or soft neutrals for crisp contrast, or with charcoal for a restrained interface; warm orange accents can add energy without competing too strongly with its blue-violet base.
Does #2f4fba read as warm or cool?
#2f4fba reads as a cool blue because its blue base dominates, while its slight violet cast adds an expressive edge over a neutral or green-leaning blue. Use it where a design needs focus and a serious, modern tone.
Where does #2f4fba work best in a design?
Use #2f4fba as a supporting color for buttons, links, navigation states, and brand accents, especially in technology, finance, or security interfaces; its darker value draws attention without overwhelming a full layout.
Is #2f4fba readable on white or black?
#2f4fba has a 7.12:1 contrast ratio on white and 2.94: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 is too faint for text. Try other pairs in the contrast checker.