#536FFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #536fff when a call to action needs to pull its weight. This saturated blue has an electric, almost periwinkle edge that reads loud next to white, so it works best as an accent or button color rather than a full background. Black text holds up on it at about 5.1:1, enough for WCAG body text. Pair it with warm neutrals to keep it from feeling cold.
Questions about #536fff
What is #536fff in RGB, HSL and CMYK?
In RGB, #536fff is rgb(83, 111, 255), in HSL hsl(230, 100%, 66%) and in CMYK 67%, 56%, 0%, 0%.
What colors pair well with #536fff?
Warm charcoal, cream, and soft coral all flatter it. The blue reads cool and saturated, so warm neutrals balance it better than pastels, which can look washed out beside it.
Is #536fff readable on white or black?
#536fff has a 4.12:1 contrast ratio on white and 5.08: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.