#558DC3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, muted blue projects stability and professional reliability, making it a functional choice for corporate branding or secure interface design. It pairs well with warm, earthy terracotta tones to create a balanced, modern palette. Because #558dc3 offers a strong 6.0:1 contrast ratio against black text, it works effectively as a dominant background color in readable UI layouts. The hex code for this shade is #558dc3.
Questions about #558dc3
What is #558dc3 in RGB, HSL and CMYK?
In RGB, #558dc3 is rgb(85, 141, 195), in HSL hsl(209, 48%, 55%) and in CMYK 56%, 28%, 0%, 24%.
What makes #558dc3 effective for user interface design?
The 6.0:1 contrast ratio against black text ensures high readability for interface elements, while the muted, cool tone projects stability. Use it for buttons or navigation bars to maintain professional clarity without overwhelming the user's visual focus during navigation.
Which colors create a balanced palette with #558dc3?
This blue pairs exceptionally well with warm, earthy tones like terracotta or soft sand colors. The contrast between the cool blue and warm earth tones creates a grounded, modern aesthetic suitable for both web design and print materials.
Is #558dc3 readable on white or black?
#558dc3 has a 3.50:1 contrast ratio on white and 5.98: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.