#678BDB Hex Color
Professional cool periwinkle with stable character
This cool, unsaturated periwinkle sits comfortably between soft blue and muted violet. It feels professional and secure, making it a natural choice for fintech apps or corporate branding. The hex code for this color is #678bdb. It maintains strong legibility with black text, so it works well for UI elements or background panels when you need a stable, grounded look instead of a bright primary blue.
Questions about #678bdb
What is #678bdb in RGB, HSL and CMYK?
In RGB, #678bdb is rgb(103, 139, 219), in HSL hsl(221, 62%, 63%) and in CMYK 53%, 37%, 0%, 14%.
Where should I use #678bdb in a user interface?
#678bdb works best as a primary action color or secondary highlight in financial applications where trust and stability are required. It maintains high legibility against black text, making it an excellent choice for background panels or active navigation states that need a grounded, non-aggressive feel.
What colors pair well with #678bdb for a balanced palette?
Is #678bdb readable on white or black?
#678bdb has a 3.33:1 contrast ratio on white and 6.29: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.