#69E2F0 Hex Color

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

Hex color #69e2f0 graphic
This high-chroma cyan is bright and airy, making it a natural fit for UI backgrounds or playful branding. Because #69e2f0 feels so light and energetic, it works best as an accent color rather than a large, solid block. Pair it with deep charcoals for a clean, modern contrast. If you need to tone down the brightness, learn what colors make gray to create subtle, muted neutrals.

Questions about #69e2f0

What is #69e2f0 in RGB, HSL and CMYK?
In RGB, #69e2f0 is rgb(105, 226, 240), in HSL hsl(186, 82%, 68%) and in CMYK 56%, 6%, 0%, 6%.
How should I use #69e2f0 in website design?
Because #69e2f0 is so high-chroma and energetic, it functions best as a focused accent rather than a background filler. Use it to highlight call-to-action buttons or navigation elements against deep charcoal or near-black backgrounds for a modern, high-contrast look.
What color palettes work best with #69e2f0?
This bright cyan thrives when paired with dark, muted neutrals that ground its intensity. Contrast it against dark slate or navy to make the color pop without overwhelming the user, or use analogous pairings with softer teals to build a cohesive, airy interface.
Is #69e2f0 readable on white or black?
#69e2f0 has a 1.52:1 contrast ratio on white and 13.73: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.