#565FF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric indigo is loud and commands attention. Because of its intense chroma, #565ff3 functions best as a punchy 10% accent rather than a full background. It pairs well with muted mustard yellows or cool grays to ground its high energy. White text remains perfectly legible over this hex code, meeting accessibility standards for small body text.
Questions about #565ff3
What is #565ff3 in RGB, HSL and CMYK?
In RGB, #565ff3 is rgb(86, 95, 243), in HSL hsl(237, 87%, 65%) and in CMYK 65%, 61%, 0%, 5%.
How should I use #565ff3 in a layout?
#565ff3 is a high-chroma accent best reserved for small elements like call-to-action buttons, notification badges, or data visualization highlights. Avoid using it for large backgrounds or body text, as its intense energy can quickly overwhelm a viewer's eyes.
What colors pair well with #565ff3?
This vibrant indigo balances beautifully against neutral grays or a warm mustard yellow. These grounding tones temper the high energy of #565ff3, allowing the color to pop without clashing or creating visual fatigue in your interface designs.
Is #565ff3 readable on white or black?
#565ff3 has a 4.85:1 contrast ratio on white and 4.32: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.