#4B768E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a matte, ashy finish that avoids the harshness of a primary hue. Because it feels restrained and steady, it serves as a reliable background for corporate or technical interfaces where professionalism matters. The hex code #4b768e provides enough contrast for white text, so it works well for UI blocks. Pair it with soft cream or light charcoal for a balanced, modern palette.
Questions about #4b768e
What is #4b768e in RGB, HSL and CMYK?
In RGB, #4b768e is rgb(75, 118, 142), in HSL hsl(201, 31%, 43%) and in CMYK 47%, 17%, 0%, 44%.
Does #4b768e read as warm or cool?
#4b768e is definitively a cool-toned blue, though its heavy desaturation gives it a grounded, neutral quality. It avoids feeling icy by leaning into gray and ash tones, which makes it appear more approachable than a saturated primary blue.
Which colors pair best with #4b768e for UI design?
#4b768e pairs effectively with soft cream for a sophisticated, high-contrast look or light charcoal for a more modern, technical aesthetic. Using these neutral companions allows the blue to serve as a calming, reliable backdrop in complex dashboard layouts.
Is #4b768e readable on white or black?
#4b768e has a 4.90:1 contrast ratio on white and 4.28: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.