Amnesia Blue
A saturated and intense modern blue
Amnesia Blue is a saturated, high-energy tone that commands attention without feeling aggressive. The hex code #1560bd works best as a primary accent or call-to-action button, as it can overwhelm large backgrounds. White text stands out sharply against this intensity, making it ideal for UI elements requiring high readability. Pair it with soft grays to ground the output.
Questions about Amnesia Blue
What is the hex code for Amnesia Blue?
Amnesia Blue is #1560bd. In RGB that is rgb(21, 96, 189), in HSL hsl(213, 80%, 41%) and in CMYK 89%, 49%, 0%, 26%.
What colors pair well with #1560bd?
Use #1560bd alongside neutral tones like light gray or charcoal to keep the intensity balanced. Because this blue is so vibrant, grounding it with soft, muted backgrounds prevents the design from feeling too aggressive or overwhelming for the viewer.
Is #1560bd suitable for large text blocks?
Avoid using #1560bd as a background color for large blocks of small text because its high intensity often creates visual vibration. It performs best as a strong accent or for interface elements where white text can be layered on top for maximum clarity.
Is Amnesia Blue readable on white or black?
Amnesia Blue has a 6.10:1 contrast ratio on white and 3.43: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.