Cornflower
Online color picker to view shades, tints, color codes, and complementary colors
Cornflower is a saturated, mid-tone blue that commands attention without feeling aggressive. Its high intensity makes it an excellent choice for call-to-action buttons or interface highlights. Because black text maintains a 4.6:1 contrast ratio against it, you can safely layer typography on top. Use #5170d7 as a bold accent color to pair with muted greys or crisp white backgrounds for a clean, reliable aesthetic.
Questions about Cornflower
What is the hex code for Cornflower?
Cornflower is #5170d7. In RGB that is rgb(81, 112, 215), in HSL hsl(226, 63%, 58%) and in CMYK 62%, 48%, 0%, 16%.
Does #5170d7 Cornflower work well with dark text?
Yes, #5170d7 provides a solid 4.6:1 contrast ratio against standard black text, making it a safe choice for accessible typography. You can use it confidently for call-to-action buttons without worrying about losing readability or clarity.
What colors pair best with #5170d7?
This vibrant blue pairs naturally with neutral tones like charcoal or crisp white to maintain a professional, clean aesthetic. For a more sophisticated palette, try balancing it against softer greys to keep the interface from feeling too aggressive.
Is Cornflower readable on white or black?
Cornflower has a 4.51:1 contrast ratio on white and 4.64: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 for body text. Try other pairs in the contrast checker.