#5870FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy indigo demands attention without feeling aggressive. Because #5870fb carries such high chroma, it works best as a 10% accent color for calls to action rather than a dominant background. Pair it with dark grays or charcoal to ground its intensity. It passes WCAG AA contrast standards with black text, making it a reliable choice for accessible UI elements.
Questions about #5870fb
What is #5870fb in RGB, HSL and CMYK?
In RGB, #5870fb is rgb(88, 112, 251), in HSL hsl(231, 95%, 66%) and in CMYK 65%, 55%, 0%, 2%.
How should I use #5870fb in a user interface?
Use #5870fb primarily as an accent color for interactive elements like primary buttons or notification badges. Because of its high chroma, it can overwhelm the eye if used as a background color, so balance it with charcoal or deep neutral grays to maintain readability.
Is #5870fb readable on white or black?
#5870fb has a 4.09:1 contrast ratio on white and 5.12: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.