#5C95CD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code for this balanced, mid-range blue is #5c95cd. It offers a muted quality that functions well as a supporting tone in UI layouts. Pair it with crisp charcoal text for high legibility, as the 6.6:1 contrast ratio ensures strong accessibility. Avoid using it as a large background if you want to keep the design from feeling washed out.
Questions about #5c95cd
What is #5c95cd in RGB, HSL and CMYK?
In RGB, #5c95cd is rgb(92, 149, 205), in HSL hsl(210, 53%, 58%) and in CMYK 55%, 27%, 0%, 20%.
What colors pair well with #5c95cd?
Does #5c95cd work well for UI backgrounds?
Avoid using #5c95cd as a large, flat background because its muted saturation can make designs feel washed out or hazy. Instead, apply it as an accent for buttons, icons, or secondary interface elements to keep your layout crisp and readable.
Is #5c95cd readable on white or black?
#5c95cd has a 3.16:1 contrast ratio on white and 6.63: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.