#65C6F2 Hex Color

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

Hex color #65c6f2 graphic
This bright, sky-inspired cyan leans toward a fresh, pastel character. Because it is highly saturated, #65c6f2 functions best as an accent color rather than a large-scale background to avoid overwhelming the eye. It pairs well with crisp white or dark navy for high-contrast UI elements. The hex code #65c6f2 offers excellent accessibility, as black text remains sharp and readable against it for any interface.

Questions about #65c6f2

What is #65c6f2 in RGB, HSL and CMYK?
In RGB, #65c6f2 is rgb(101, 198, 242), in HSL hsl(199, 84%, 67%) and in CMYK 58%, 18%, 0%, 5%.
How should I use #65c6f2 in a user interface?
Because #65c6f2 is highly saturated, it works best as a focused accent color for buttons, call-to-action links, or icon highlights. Avoid using it for large background blocks, as it can overwhelm the eye; instead, pair it with charcoal or dark gray text to ensure high readability and visual balance.
What colors pair well with #65c6f2 for a professional scheme?
This bright cyan harmonizes beautifully with deep, neutral tones like navy or slate to ground its high energy. For a softer, airy aesthetic, combine #65c6f2 with crisp whites or light silver tones to maintain its fresh, modern appeal.
Is #65c6f2 readable on white or black?
#65c6f2 has a 1.92:1 contrast ratio on white and 10.91: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.