#487FC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This moderate, cool blue feels professional and grounded, making it a natural choice for corporate tech or financial interfaces. The hex code #487fc4 pairs well with crisp white for high contrast, and it reads clearly with black text. Use this shade as a steadying, primary color for UI elements where you need to communicate reliability without being overly loud or saturated.
Questions about #487fc4
What is #487fc4 in RGB, HSL and CMYK?
In RGB, #487fc4 is rgb(72, 127, 196), in HSL hsl(213, 51%, 53%) and in CMYK 63%, 35%, 0%, 23%.
What design aesthetic works best with #487fc4?
#487fc4 excels in corporate and financial interfaces where reliability and clarity are the top priorities. It maintains high legibility against white backgrounds, making it an ideal choice for primary action buttons or essential navigation headers in professional dashboards.
Is #487fc4 readable on white or black?
#487fc4 has a 4.11:1 contrast ratio on white and 5.10: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.