#5975F2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5975f2 graphic
Reach for #5975f2 when a design needs a blue that gets noticed. This saturated shade leans slightly violet and reads bright and cool, so it works best as an accent or call-to-action rather than a full background. Black text holds up on it, hitting about 5.3:1 contrast, which clears WCAG AA for small body type. Its hex code is #5975f2.

Questions about #5975f2

What is #5975f2 in RGB, HSL and CMYK?
In RGB, #5975f2 is rgb(89, 117, 242), in HSL hsl(229, 85%, 65%) and in CMYK 63%, 52%, 0%, 5%.
What colors pair well with #5975f2?
Warm tones like peach and coral sit opposite this blue on the color wheel, giving strong contrast without clashing. For a quieter palette, pair it with charcoal or soft gray neutrals.
Is #5975f2 readable on white or black?
#5975f2 has a 3.99:1 contrast ratio on white and 5.25: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.