#4267A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue reads as professional and restrained. Because #4267a2 lacks high saturation, it works best as a supporting tone in corporate or tech interfaces rather than a primary fill. It offers a solid contrast against white text, making it a reliable choice for UI elements that require clarity and readability. This hex code provides a steady, grounded appearance for button backgrounds or navigation bars.
Questions about #4267a2
What is #4267a2 in RGB, HSL and CMYK?
In RGB, #4267a2 is rgb(66, 103, 162), in HSL hsl(217, 42%, 45%) and in CMYK 59%, 36%, 0%, 36%.
Where does #4267a2 work best in UI design?
This color excels as a secondary or functional tone rather than a dominant background because its lower saturation maintains visual comfort. It creates a stable, professional feel for navigation bars, action buttons, or active link states in corporate software and dashboard designs.
What colors pair well with #4267a2 for a balanced palette?
To create a high-contrast and readable design, pair #4267a2 with crisp white for text or use it alongside light gray for clean, minimalist backgrounds. Because of its muted quality, it also complements neutral warm tones or soft off-whites without clashing.
Is #4267a2 readable on white or black?
#4267a2 has a 5.68:1 contrast ratio on white and 3.69: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.