#7FA7E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue works well as a supportive background in UI design or corporate branding. With its high contrast against black text, it offers readability and a professional touch. The hex code #7fa7e8 feels clean and stable. Avoid using it as a primary highlight, as it can appear slightly washed out. It sits nicely alongside warm grays if you are learning how to make gray.
Questions about #7fa7e8
What is #7fa7e8 in RGB, HSL and CMYK?
In RGB, #7fa7e8 is rgb(127, 167, 232), in HSL hsl(217, 70%, 70%) and in CMYK 45%, 28%, 0%, 9%.
How should I use #7fa7e8 in interface design?
Use #7fa7e8 as a supportive background color because its high contrast against black text ensures excellent readability. It performs best in professional UI settings where you need to maintain a clean, stable, and approachable visual hierarchy without relying on harsh primary highlights.
Which colors complement #7fa7e8 effectively?
Because #7fa7e8 is a cool, unsaturated tone, it pairs best with warm gray or soft beige neutrals to balance its temperature. You can also ground this blue by using it alongside deep charcoal for a sophisticated, modern contrast that feels intentional rather than washed out.
Is #7fa7e8 readable on white or black?
#7fa7e8 has a 2.44:1 contrast ratio on white and 8.59:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.