#76BAF2 Hex Color

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

Hex color #76baf2 graphic
This airy sky blue leans unsaturated, making it an approachable choice for interface backgrounds and tech branding. While #76baf2 offers enough contrast to support black body text, it shines best as a primary UI accent against crisp whites or dark grays. The hex code #76baf2 evokes a clean, clinical precision, which makes it a frequent selection for healthcare or security-focused applications.

Questions about #76baf2

What is #76baf2 in RGB, HSL and CMYK?
In RGB, #76baf2 is rgb(118, 186, 242), in HSL hsl(207, 83%, 71%) and in CMYK 51%, 23%, 0%, 5%.
Where should I use #76baf2 in my interface design?
#76baf2 works best as a primary accent color for UI elements like buttons, progress bars, or active states where you need a calm, trustworthy feeling. Pair it with deep charcoal or dark gray text to ensure your design remains professional and readable.
Does #76baf2 have warm or cool undertones?
#76baf2 is a distinctly cool, airy blue that conveys a sense of cleanliness and stability. Because it is slightly unsaturated, it avoids looking too vibrant or aggressive, making it a safe choice for background tints or modern, tech-focused branding.
Is #76baf2 readable on white or black?
#76baf2 has a 2.08:1 contrast ratio on white and 10.07: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.