#378DA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, mid-tone cyan, #378da4 brings a cool, professional clarity to interface design. It avoids the neon harshness of primary blues, making it a reliable choice for technical branding or large-scale UI elements. Pair it with soft charcoal grays rather than pure black to maintain its approachable, trustworthy character. Because of its steady contrast, black text remains perfectly legible over this hex code.
Questions about #378da4
What is #378da4 in RGB, HSL and CMYK?
In RGB, #378da4 is rgb(55, 141, 164), in HSL hsl(193, 50%, 43%) and in CMYK 66%, 14%, 0%, 36%.
What colors pair well with #378da4 for professional designs?
#378da4 works best when paired with neutral, grounding tones like charcoal or soft off-whites to let its muted blue character shine. Using these darker grays instead of pure black maintains a modern, accessible, and sophisticated contrast in your interface layouts.
Is #378da4 suitable for use with text?
#378da4 provides enough depth that black or very dark text remains legible when placed directly over it. For the best user experience in UI design, ensure your text meets WCAG contrast ratios by testing it against specific background shades.
Is #378da4 readable on white or black?
#378da4 has a 3.81:1 contrast ratio on white and 5.50:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.