#2A87C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This moderate blue feels professional and grounded, avoiding the electric intensity of brighter shades. Its unsaturated nature makes it a reliable choice for corporate branding, security interfaces, or healthcare apps where clarity matters. Pair #2a87c9 with soft grays or off-whites for a balanced UI look. Because it offers high contrast with black text, it works well as a primary CTA button or a dominant background element.
Questions about #2a87c9
What is #2a87c9 in RGB, HSL and CMYK?
In RGB, #2a87c9 is rgb(42, 135, 201), in HSL hsl(205, 65%, 48%) and in CMYK 79%, 33%, 0%, 21%.
Where should I use #2a87c9 in a user interface?
#2a87c9 works exceptionally well as a primary call-to-action button or a dominant background element in professional applications. Its high contrast against black text ensures readability, making it a reliable choice for security, healthcare, or corporate dashboards needing clarity.
What colors pair well with #2a87c9?
You can create a balanced design by pairing #2a87c9 with soft grays or crisp off-whites. These neutral tones allow the moderate blue to stand out without feeling overly intense, resulting in a clean, sophisticated look for modern web applications or print layouts.
Is #2a87c9 readable on white or black?
#2a87c9 has a 3.88:1 contrast ratio on white and 5.40: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.