#7CA4B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty and ashy, #7ca4b4 sits in the mid-light range with very little saturation. The hex code reads like sky blue drained of its brightness, giving it a calm, weathered feel. It works best as a supporting tone in UI and branding rather than a main feature, and black text passes AA contrast on it. Pair it with terracotta or coral to keep the mix from going flat.
Questions about #7ca4b4
What is #7ca4b4 in RGB, HSL and CMYK?
In RGB, #7ca4b4 is rgb(124, 164, 180), in HSL hsl(197, 27%, 60%) and in CMYK 31%, 9%, 0%, 29%.
Does black or white text work better on #7ca4b4?
Black text is the clear choice. It reaches about 7.8:1 contrast on #7ca4b4, which passes WCAG AA for body text. White text falls far short, so reserve it for darker backgrounds.
What colors pair well with #7ca4b4?
Warm accents like terracotta and coral bring out its dusty quality, while a deep navy adds weight to a palette. Avoid pale pastels, which make it look washed out.
Is #7ca4b4 readable on white or black?
#7ca4b4 has a 2.68:1 contrast ratio on white and 7.82: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.