#76A3B2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #76a3b2 graphic
This ashy, unsaturated cyan offers a muted, dusty tone that reads as cool and professional. Because it lacks intensity, #76a3b2 works best as a supporting color in tech interfaces or brand palettes. Pair it with dark charcoal or soft terracotta to avoid a washed-out look. Black text provides excellent contrast against this hex code, ensuring readability for body copy and UI elements.

Questions about #76a3b2

What is #76a3b2 in RGB, HSL and CMYK?
In RGB, #76a3b2 is rgb(118, 163, 178), in HSL hsl(195, 28%, 58%) and in CMYK 34%, 8%, 0%, 30%. Browse more shades of blue with names and hex codes.
What colors pair well with #76a3b2 for a balanced palette?
This unsaturated cyan pairs best with charcoal for high-contrast professional text or terracotta for a subtle, earthy accent. Because #76a3b2 lacks intensity, these deeper tones help ground the design and prevent the overall composition from looking washed out or flat.
Is #76a3b2 suitable for UI elements or body text?
While #76a3b2 functions beautifully as a background or secondary accent in tech interfaces, it is generally too light for body text. Always ensure you layer black or very dark text over this color to maintain proper web accessibility and readability standards.
Is #76a3b2 readable on white or black?
#76a3b2 has a 2.74:1 contrast ratio on white and 7.65: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.