#565DBF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#565dbf is a vivid, saturated indigo that commands attention without feeling aggressive. Its high intensity makes it an excellent choice for bold calls to action or UI accents that need to pop against dark backgrounds. Because it maintains a 5.7:1 contrast ratio against white, it remains legible for small text. Designers often pair this hex code with muted grays to ground its energetic character.
Questions about #565dbf
What is #565dbf in RGB, HSL and CMYK?
In RGB, #565dbf is rgb(86, 93, 191), in HSL hsl(236, 45%, 54%) and in CMYK 55%, 51%, 0%, 25%.
Is #565dbf a good choice for UI call-to-action buttons?
#565dbf works effectively for call-to-action buttons because its high saturation commands attention while maintaining a 5.7:1 contrast ratio against white backgrounds. This makes it a rare choice that is both visually striking and accessible for smaller text elements in interface design.
Which colors pair best with #565dbf for a balanced palette?
Pair #565dbf with neutral tones to ground its energetic character without overwhelming the viewer. It balances exceptionally well against charcoal or soft silver backgrounds, allowing the indigo to pop without causing visual strain or clashing with other saturated hues.
Is #565dbf readable on white or black?
#565dbf has a 5.65:1 contrast ratio on white and 3.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.