#487EB8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, mid-tone blue, #487eb8 carries a professional, stable weight. Because it sits at a balanced brightness, it reads clearly against black text, making it a reliable choice for UI components and corporate branding. Avoid pairing it with other muddy grays, as it can lose definition. It shines when used as a dominant primary color in finance or tech interfaces where clarity matters most.
Questions about #487eb8
What is #487eb8 in RGB, HSL and CMYK?
In RGB, #487eb8 is rgb(72, 126, 184), in HSL hsl(211, 44%, 50%) and in CMYK 61%, 32%, 0%, 28%. Browse more shades of blue with names and hex codes.
What design applications are best for #487eb8?
#487eb8 works exceptionally well as a primary color for finance, banking, or enterprise software interfaces where clarity and trust are essential. Its balanced brightness ensures that black or dark grey text remains highly legible, which is critical for complex data dashboards.
How should I pair #487eb8 to maintain visual clarity?
Avoid pairing #487eb8 with desaturated, muddy grays, as the colors will compete and lose definition. Instead, use sharp contrasts like a crisp white for backgrounds or a deep charcoal to create a clean, professional aesthetic that pops without becoming cluttered.
Is #487eb8 readable on white or black?
#487eb8 has a 4.24:1 contrast ratio on white and 4.95: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.