Steel Blue
Professional and sturdy classic steel blue
Steel Blue is a desaturated, cool tone that feels professional and sturdy without being aggressive. Because it offers good contrast with black text, it works well for UI buttons or readable blocks of information in finance and security designs. The hex code for Steel Blue is #4682b4. Avoid pairing it with dark greys, as it looks much sharper alongside clean whites or warm, muted metallics.
Questions about Steel Blue
What is the hex code for Steel Blue?
Steel Blue is #4682b4. In RGB that is rgb(70, 130, 180), in HSL hsl(207, 44%, 49%) and in CMYK 61%, 28%, 0%, 29%.
What colors pair best with Steel Blue #4682b4?
Steel Blue #4682b4 looks sharpest when paired with crisp, clean whites or warm, muted metallics that ground its cool undertones. You should avoid heavy dark grays as they can muddy the color's inherent clarity and professionalism in UI layouts.
Is #4682b4 a good choice for interface design?
Yes, #4682b4 is an ideal choice for UI elements like buttons or data displays because it remains professional and sturdy without being aggressive. It offers strong contrast against standard black or dark text, ensuring high accessibility for financial and security applications.
Is Steel Blue readable on white or black?
Steel Blue has a 4.10:1 contrast ratio on white and 5.11: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.