#7FA3B1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated cyan reads as an approachable, technical blue. Because of its muted chroma, #7fa3b1 works best as a supporting background color rather than a primary accent. It offers strong contrast for black text, ensuring readability in UI design. Pair it with warm charcoal or soft terracotta to keep your palette from feeling washed out. The hex code for this color is #7fa3b1.
Questions about #7fa3b1
What is #7fa3b1 in RGB, HSL and CMYK?
In RGB, #7fa3b1 is rgb(127, 163, 177), in HSL hsl(197, 24%, 60%) and in CMYK 28%, 8%, 0%, 31%. Browse more shades of blue with names and hex codes.
What colors pair best with #7fa3b1?
#7fa3b1 works exceptionally well when balanced against high-contrast neutrals like charcoal or deep slate. To add warmth and visual interest to your palette, consider incorporating soft terracotta or muted clay tones to prevent the blue from feeling too cold or washed out.
Is #7fa3b1 suitable for UI text?
While #7fa3b1 functions beautifully as a background or secondary accent, it is generally too light to be used as primary body text. It is best used as a structural or decorative color that relies on black or very dark text to ensure WCAG accessibility compliance.
Is #7fa3b1 readable on white or black?
#7fa3b1 has a 2.70:1 contrast ratio on white and 7.77: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.