#3E59B8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention with its high intensity and cool, purple-leaning undertones. The hex code #3e59b8 offers strong legibility for body text against white, making it a reliable choice for UI components and call-to-action buttons. It can feel slightly dominant, so use it as a 10% accent rather than a full background. If you need mixing gray inspiration, try balancing this bold shade with neutral palettes.
Questions about #3e59b8
What is #3e59b8 in RGB, HSL and CMYK?
In RGB, #3e59b8 is rgb(62, 89, 184), in HSL hsl(227, 50%, 48%) and in CMYK 66%, 52%, 0%, 28%.
How should I use #3e59b8 in my UI designs?
#3e59b8 works best as a deliberate 10% accent color rather than a primary background because of its high saturation. It offers strong legibility for buttons and interactive elements when placed against a clean, neutral white or very light gray canvas.
What colors pair well with #3e59b8?
Is #3e59b8 readable on white or black?
#3e59b8 has a 6.31:1 contrast ratio on white and 3.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.