#4653B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool indigo carries a bold, electric intensity. Because it commands attention, #4653b5 works best as a sharp accent rather than a background color. It pairs beautifully with soft creams to maintain legibility. Use this hex code for UI highlights or bold branding where you need visual weight without relying on black. White text stands out clearly against it for readable, high-contrast typography.
Questions about #4653b5
What is #4653b5 in RGB, HSL and CMYK?
In RGB, #4653b5 is rgb(70, 83, 181), in HSL hsl(233, 44%, 49%) and in CMYK 61%, 54%, 0%, 29%.
What colors pair well with #4653b5 in a design layout?
#4653b5 pairs best with soft, neutral tones like cream or light beige to balance its electric intensity. This combination maintains excellent legibility while letting the indigo act as a vibrant, eye-catching highlight rather than an overwhelming background choice.
Is #4653b5 a suitable choice for body text on a website?
Using #4653b5 for body text is generally not recommended as its high saturation can cause eye strain during long reading sessions. It is much more effective as an accent color for call-to-action buttons, headers, or specific UI elements requiring visual weight.
Is #4653b5 readable on white or black?
#4653b5 has a 6.63:1 contrast ratio on white and 3.16: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.