#768EAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#768eaa is an ashy, muted blue with strong gray undertones. Because of its extremely low saturation, it feels stable and professional rather than playful. Use this shade as a supporting tone in corporate or technical dashboards, where it pairs well with crisp charcoal grays. It provides excellent contrast for black text, ensuring readability for smaller UI elements and body copy.
Questions about #768eaa
What is #768eaa in RGB, HSL and CMYK?
In RGB, #768eaa is rgb(118, 142, 170), in HSL hsl(212, 23%, 56%) and in CMYK 31%, 16%, 0%, 33%. Browse more shades of blue with names and hex codes.
What colors pair well with #768eaa in a UI design?
#768eaa pairs naturally with crisp charcoal or dark slate grays to maintain a professional, high-contrast look for dashboards. Adding a soft off-white or a very light cool gray provides a clean, breathable balance without overwhelming the subtle blue.
Does #768eaa read as warm or cool?
#768eaa is a distinctly cool-toned shade because of its dominant blue base and muted gray composition. Its lack of saturation keeps it feeling stable and recessive, making it an excellent choice for background elements that need to support rather than dominate a page.
Is #768eaa readable on white or black?
#768eaa has a 3.37:1 contrast ratio on white and 6.21:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.