#6BC9E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#6bc9e5 is a crisp, airy cyan with moderate saturation. Because of its high lightness, this color functions best as a sharp accent for UI buttons or icons rather than a dominant background. Pair it with dark charcoal to balance its intensity. The hex code #6bc9e5 offers excellent contrast for black text, making it a reliable choice for readable, WCAG AA compliant interface design.
Questions about #6bc9e5
What is #6bc9e5 in RGB, HSL and CMYK?
In RGB, #6bc9e5 is rgb(107, 201, 229), in HSL hsl(194, 70%, 66%) and in CMYK 53%, 12%, 0%, 10%.
What makes #6bc9e5 a good choice for interface design?
The hex color #6bc9e5 provides excellent contrast against black text, making it a reliable, WCAG AA compliant choice for UI buttons or iconography. Its high lightness ensures it pops against dark backgrounds without sacrificing legibility for your users.
Which colors pair well with #6bc9e5?
This airy cyan works best when grounded by darker neutrals, especially charcoal. Pairing #6bc9e5 with a deep, desaturated gray stabilizes its intensity, preventing the vibrant blue tones from feeling too overwhelming in professional interface layouts or digital graphic designs.
Is #6bc9e5 readable on white or black?
#6bc9e5 has a 1.88:1 contrast ratio on white and 11.11: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.