#4B69E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and intense, #4b69e3 brings a bold energy to any interface. Its strength makes it an ideal accent color for call-to-action buttons or highlights where you need immediate attention. While white text sits clearly on this shade, avoid using it as a full-page background, as the intensity can easily overwhelm the eye. This hex code pairs surprisingly well with muted earth tones to ground its electric quality.
Questions about #4b69e3
What is #4b69e3 in RGB, HSL and CMYK?
In RGB, #4b69e3 is rgb(75, 105, 227), in HSL hsl(228, 73%, 59%) and in CMYK 67%, 54%, 0%, 11%.
How should #4b69e3 be used in UI design?
#4b69e3 serves best as a punchy accent color rather than a primary background shade. Its high intensity is perfect for call-to-action buttons or focus highlights that need to draw the eye without overwhelming the overall layout of your interface.
What colors pair well with the intensity of #4b69e3?
Pair #4b69e3 with muted earth tones or desaturated neutrals to ground its electric nature. These softer shades balance the vibration of the blue, preventing visual fatigue while still allowing the color to pop effectively against a calmer background.
Is #4b69e3 readable on white or black?
#4b69e3 has a 4.74:1 contrast ratio on white and 4.42: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.