#7A8DC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted periwinkle-blue offers a professional, measured look that avoids the starkness of bright primary tones. Because of its desaturated quality, the hex code #7a8dc6 works exceptionally well as a supporting background in corporate UI, where it projects reliability without overwhelming the eye. Pair it with deep charcoal grays for a modern finance interface. It maintains excellent contrast with black text for accessible body copy.
Questions about #7a8dc6
What is #7a8dc6 in RGB, HSL and CMYK?
In RGB, #7a8dc6 is rgb(122, 141, 198), in HSL hsl(225, 40%, 63%) and in CMYK 38%, 29%, 0%, 22%.
What colors pair well with #7a8dc6 in a design system?
#7a8dc6 works exceptionally well when paired with deep charcoal for high-contrast, readable text in financial or enterprise applications. You can also ground this blue by using soft, warm neutrals to prevent the interface from feeling too cold or sterile.
Is #7a8dc6 readable on white or black?
#7a8dc6 has a 3.25:1 contrast ratio on white and 6.45: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.