#7CAAD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pastel blue carries a cool, airy quality that works well for UI backgrounds or branding that needs to feel approachable. Because it offers strong contrast with black text, it is a practical choice for body copy or large interface elements. The hex code #7caad6 pairs unexpectedly well with warm terracotta accents to ground its lightness and prevent it from appearing too washed out.
Questions about #7caad6
What is #7caad6 in RGB, HSL and CMYK?
In RGB, #7caad6 is rgb(124, 170, 214), in HSL hsl(209, 52%, 66%) and in CMYK 42%, 21%, 0%, 16%.
What colors pair well with #7caad6 in a design palette?
#7caad6 pairs beautifully with warm terracotta or deep charcoal to ground its airy quality. Using these earth tones prevents the blue from appearing too washed out while maintaining a sophisticated, balanced contrast for your interface or print layouts.
Is #7caad6 readable on white or black?
#7caad6 has a 2.44:1 contrast ratio on white and 8.57: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.