#5F8DD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #5f8dd3 creates a cool, moderately muted blue with a slight gray undertone rather than an electric look. Its steady lightness supports trust and reliability in finance, technology, healthcare, and public-service interfaces. Use it as a supporting brand tone or broad UI field, where black text reaches about 6.2:1 contrast for readable body copy.
Questions about #5f8dd3
What is #5f8dd3 in RGB, HSL and CMYK?
In RGB, #5f8dd3 is rgb(95, 141, 211), in HSL hsl(216, 57%, 60%) and in CMYK 55%, 33%, 0%, 17%.
Is #5f8dd3 warm or cool?
#5f8dd3 reads cool because its blue hue and moderate saturation create a clean, restrained impression rather than warmth. Its mid-light value keeps the effect approachable, making it useful for trust-focused interfaces without the severity of navy.
What colors pair well with #5f8dd3 in a design palette?
Pair #5f8dd3 with charcoal or warm off-white for grounded contrast, then add a restrained terracotta accent when the palette needs energy and a little warmth in calls to action or editorial details. These companions temper its cool blue cast without competing with its dependable, low-drama character.
Can black text meet WCAG AA on #5f8dd3?
Yes, black text on #5f8dd3 has about a 6.2:1 contrast ratio, which exceeds the 4.5:1 WCAG AA requirement for normal body text across typical reading sizes and weights in interface layouts. That makes it suitable for labels, paragraphs, and controls placed directly over the blue.
Is #5f8dd3 readable on white or black?
#5f8dd3 has a 3.36:1 contrast ratio on white and 6.23: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.