#5F8DEE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5f8dee is a bold, saturated blue that demands attention without appearing aggressive. Its high intensity makes it an excellent choice for calls to action or UI accents that need to stand out. While it can overwhelm larger backgrounds, it pairs effectively with crisp white text. The hex code for this cool, reliable blue is #5f8dee.
Questions about #5f8dee
What is #5f8dee in RGB, HSL and CMYK?
In RGB, #5f8dee is rgb(95, 141, 238), in HSL hsl(221, 81%, 65%) and in CMYK 60%, 41%, 0%, 7%.
How should #5f8dee be used in interface design?
Because #5f8dee is highly saturated, it works best as a focused accent rather than a background color. Use it for primary action buttons or essential UI elements where you need to draw the eye immediately against a neutral, high-contrast backdrop.
What colors complement #5f8dee effectively?
This cool, vibrant blue pairs beautifully with warm, earthy tones like terracotta or soft, neutral greige to balance its intensity. For a more modern look, try grounding it with deep charcoal to let the blue truly pop without overwhelming the layout.
Is #5f8dee readable on white or black?
#5f8dee has a 3.21:1 contrast ratio on white and 6.53: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.