#374FB3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#374fb3 is a bold, saturated blue that demands attention without feeling chaotic. Its high-intensity pigment works best as a strong accent or CTA button rather than a primary background color. Pair this hex code with crisp white text to take advantage of its excellent readability, or offset it with a soft mustard yellow for a sophisticated contrast that modern branding demands.
Questions about #374fb3
What is #374fb3 in RGB, HSL and CMYK?
In RGB, #374fb3 is rgb(55, 79, 179), in HSL hsl(228, 53%, 46%) and in CMYK 69%, 56%, 0%, 30%. Browse more shades of blue with names and hex codes.
What colors pair best with the blue in #374fb3?
This blue thrives when paired with a crisp off-white to maximize its intensity, or a muted mustard yellow for a balanced, sophisticated contrast. Because #374fb3 is so saturated, avoid pairing it with other overly bright tones to keep your design readable.
Is #374fb3 suitable for primary text on a website?
Using #374fb3 as main body text will likely cause eye strain due to its high intensity and potential vibration against neutral backgrounds. It is much more effective as a targeted accent color for links, buttons, or active states where you need to draw immediate user attention.
Is #374fb3 readable on white or black?
#374fb3 has a 7.16:1 contrast ratio on white and 2.93: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.