#375CD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated blue demands attention without feeling aggressive. The hex code #375cd4 functions best as a high-contrast accent or a primary call-to-action button rather than a large background field. Because it creates a clear 5.8:1 contrast ratio with white text, it remains perfectly legible for UI design. Pair it with soft grays or off-whites to let its intensity shine in professional applications.
Questions about #375cd4
What is #375cd4 in RGB, HSL and CMYK?
In RGB, #375cd4 is rgb(55, 92, 212), in HSL hsl(226, 65%, 52%) and in CMYK 74%, 57%, 0%, 17%.
What colors pair best with #375cd4 in a design system?
#375cd4 works best when grounded by neutral tones to balance its intensity. Pair it with crisp whites or soft cool grays to keep the look professional. You can also offset the brightness by using a deep charcoal for text to ensure the contrast remains sharp and accessible.
Is #375cd4 suitable for background use in user interfaces?
Avoid using #375cd4 as a large background field because its high saturation can quickly overwhelm a user. It functions significantly better when reserved for interactive elements like buttons, notification badges, or navigation highlights that require immediate visual attention while meeting standard accessibility guidelines.
Is #375cd4 readable on white or black?
#375cd4 has a 5.76:1 contrast ratio on white and 3.64: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.