#56A9FA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, electric blue feels undeniably modern and energetic. Because it leans so bright, #56a9fa functions best as a UI accent rather than a background color, where it can easily overwhelm. It pops cleanly against deep charcoal grays for a tech-forward look. The hex code for this cool tone is #56a9fa, which offers excellent contrast for black text in UI layouts.
Questions about #56a9fa
What is #56a9fa in RGB, HSL and CMYK?
In RGB, #56a9fa is rgb(86, 169, 250), in HSL hsl(210, 94%, 66%) and in CMYK 66%, 32%, 0%, 2%.
How should I use #56a9fa in a UI design?
#56a9fa is an intense, saturated blue that serves best as a functional accent color rather than a primary background. It commands immediate attention, making it perfect for call-to-action buttons, primary links, or active state highlights on clean interface designs.
Does #56a9fa pair well with dark colors?
This bright shade provides excellent contrast when paired with charcoal or deep, neutral grays. Using it against darker backgrounds ensures the electric quality of the blue remains legible without overwhelming the viewer, creating a modern, high-contrast digital aesthetic.
Is #56a9fa readable on white or black?
#56a9fa has a 2.48:1 contrast ratio on white and 8.45:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.