#3D59BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3d59ba is a saturated, medium-dark blue with a cool violet undertone. Its strong chroma brings energy and focus, while its darker value adds seriousness and depth. Use it as a supporting tone for calls to action, links, or technology branding, pairing it with warm ivory or muted burgundy. White text reads clearly at about 6.3:1 contrast. The hex code is #3d59ba.
Questions about #3d59ba
What is #3d59ba in RGB, HSL and CMYK?
In RGB, #3d59ba is rgb(61, 89, 186), in HSL hsl(227, 51%, 48%) and in CMYK 67%, 52%, 0%, 27%.
What colors pair well with #3d59ba?
Warm ivory, soft gray, and burgundy pair well with #3d59ba, balancing its cool violet undertone without competing with its saturated blue. Use ivory for warmth and readability, or burgundy for a richer, more dramatic palette.
Where should I use #3d59ba in a design?
Use #3d59ba as a supporting accent for links, calls to action, dashboards, and technology branding, where its saturated blue creates focus; keep larger surfaces lighter or quieter so its medium-dark value does not make an interface feel overly heavy.
Is #3d59ba readable on white or black?
#3d59ba has a 6.29:1 contrast ratio on white and 3.33: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.