#535DC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, electric indigo, #535dc6 commands attention through its sheer intensity. It works best as a sharp accent or CTA button rather than a background, where it can easily overwhelm the eye. Pair this cool, punchy shade with soft cream or warm gray to ground its energy. The hex code for this bold color is #535dc6, which maintains excellent contrast for readable white text.
Questions about #535dc6
What is #535dc6 in RGB, HSL and CMYK?
In RGB, #535dc6 is rgb(83, 93, 198), in HSL hsl(235, 50%, 55%) and in CMYK 58%, 53%, 0%, 22%.
What colors pair well with #535dc6?
You should ground the intensity of #535dc6 by pairing it with neutral tones like soft cream or warm gray. These softer shades prevent the electric indigo from overwhelming your design while maintaining excellent contrast and a balanced, professional look.
Is #535dc6 a good choice for large background areas?
Using #535dc6 as a full background often strains the eyes because of its high saturation and intensity. It functions much more effectively as a high-visibility accent color or for interactive elements like buttons that need to grab the user's attention immediately.
Is #535dc6 readable on white or black?
#535dc6 has a 5.60:1 contrast ratio on white and 3.74: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.