#3565BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue, hex code #3565bf, commands attention in tech interfaces and financial branding. Designers often use it as a 10 percent accent color to drive user interaction. It maintains a 5.6:1 contrast ratio against white text, making it a safe choice for readable UI elements. Pair this shade with soft creams or warm grays to soften its intensity.
Questions about #3565bf
What is #3565bf in RGB, HSL and CMYK?
In RGB, #3565bf is rgb(53, 101, 191), in HSL hsl(219, 57%, 48%) and in CMYK 72%, 47%, 0%, 25%.
How should I use #3565bf in UI design?
#3565bf functions best as a purposeful accent color rather than a primary background shade. Because it offers a 5.6:1 contrast ratio against white, use it for calls to action, buttons, or active links to guide user attention effectively without overwhelming the interface.
What colors pair well with #3565bf?
To soften the intensity of #3565bf, pair it with neutral tones like soft cream or warm, muted grays. These combinations balance the blue's high saturation, making it feel grounded and professional rather than harsh or overly clinical for the end user.
Is #3565bf readable on white or black?
#3565bf has a 5.57:1 contrast ratio on white and 3.76: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.