#7CA8DA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a vivid sky or a corporate navy, pastel blue sits in a softer middle ground. The hex code #7ca8da is light and low in saturation, so it works best as a supporting tone behind dark text, which reaches about 8.5:1 contrast. Pair it with warm terracotta or soft cream to keep it from reading washed out. A solid pick for healthcare, finance, and calm UI backgrounds.
Questions about #7ca8da
What is #7ca8da in RGB, HSL and CMYK?
In RGB, #7ca8da is rgb(124, 168, 218), in HSL hsl(212, 56%, 67%) and in CMYK 43%, 23%, 0%, 15%.
What text color works best on #7ca8da?
Black text is the clearest choice on #7ca8da, with a contrast ratio of about 8.5:1, well above the WCAG AA threshold of 4.5:1 for body text. White text falls short, so save it for large headings only.
Which colors pair well with #7ca8da?
Warm earth tones like terracotta and soft cream balance the cool undertone of #7ca8da. A deep navy also works when you need contrast without the harshness of black.
Is #7ca8da readable on white or black?
#7ca8da has a 2.47:1 contrast ratio on white and 8.47: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.