#287FB8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Use #287fb8 as a primary button or header color rather than a large background to avoid overwhelming the eye. This stable, cool-toned blue is highly legible with black text, making it a reliable pick for data-heavy dashboards. The hex code for this shade is #287fb8.
Questions about #287fb8
What is #287fb8 in RGB, HSL and CMYK?
In RGB, #287fb8 is rgb(40, 127, 184), in HSL hsl(204, 64%, 44%) and in CMYK 78%, 31%, 0%, 28%.
Where should I use #287fb8 in a user interface?
Apply #287fb8 as a primary action button or a header background to create a sense of reliability. Because it is highly legible, it functions perfectly for data-heavy dashboards where clarity and focus are required for the user.
What colors pair well with #287fb8?
This shade of blue pairs effectively with charcoal for high-contrast text or a crisp white for a clean, modern aesthetic. If you need an accent, try a warm orange or coral to create a vibrant complementary contrast.
Is #287fb8 readable on white or black?
#287fb8 has a 4.35:1 contrast ratio on white and 4.81: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.