#76B4D1 Hex Color

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

Hex color #76b4d1 graphic
This unsaturated, dusty blue has a distinct ashy quality that keeps it from feeling overly juvenile. Because it is highly legible, it works well as a background for black text in UI design. It pairs beautifully with charcoal or warm copper tones to create a balanced, modern palette. The hex code for this cool shade is #76b4d1. If you are learning what colors make gray, this blue demonstrates how adding white and black tones down a saturated pigment.

Questions about #76b4d1

What is #76b4d1 in RGB, HSL and CMYK?
In RGB, #76b4d1 is rgb(118, 180, 209), in HSL hsl(199, 50%, 64%) and in CMYK 44%, 14%, 0%, 18%.
What colors pair well with #76b4d1?
This muted blue pairs beautifully with warm copper or grounding charcoal to create a balanced, modern aesthetic. The ashy quality of #76b4d1 acts as a neutral base, allowing those richer tones to pop without feeling overwhelming or too vibrant for the design.
Is #76b4d1 suitable for text in user interfaces?
Because it is highly legible, #76b4d1 works exceptionally well as a background color for standard black text. It strikes a professional balance, offering enough personality to feel custom while remaining subtle enough to support heavy text-based interfaces without straining the eyes.
Is #76b4d1 readable on white or black?
#76b4d1 has a 2.27:1 contrast ratio on white and 9.21: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.