#6EC6F2 Hex Color

Airy sky blue with cool calm vibes

Hex color #6ec6f2 graphic
#6ec6f2 is a breezy, unsaturated blue that sits comfortably between sky and baby blue. Its high lightness makes it a perfect background candidate for UI, as it allows black text to remain legible. Try pairing it with charcoal or deep navy for a professional tech aesthetic. If you need to tone down its brightness, learning how to make gray can help you mute it for secondary accents.

Questions about #6ec6f2

What is #6ec6f2 in RGB, HSL and CMYK?
In RGB, #6ec6f2 is rgb(110, 198, 242), in HSL hsl(200, 84%, 69%) and in CMYK 55%, 18%, 0%, 5%.
What color combinations work best with #6ec6f2?
The most effective way to style #6ec6f2 is by using high-contrast dark neutrals. Pair it with charcoal or deep navy to ground the airy brightness, ensuring text remains readable while maintaining a modern, professional tech aesthetic for your interface.
Is #6ec6f2 suitable for text-heavy UI designs?
Yes, #6ec6f2 works well as a background color because of its lightness, allowing black or very dark text to stand out clearly. Always verify your contrast ratios against standard accessibility guidelines when using it for large UI components or primary web backgrounds.
Is #6ec6f2 readable on white or black?
#6ec6f2 has a 1.90:1 contrast ratio on white and 11.02: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.