#6AD0E2 Hex Color

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

Hex color #6ad0e2 graphic
This bright, airy cyan leans cool and clean, avoiding any muddy gray undertones. Because #6ad0e2 provides a high 11.7:1 contrast ratio against black text, it functions well for readable UI backgrounds or supporting interface elements. Pair it with soft charcoal or deep slate for a modern, balanced palette that avoids the washed-out feel common with other pastels. The hex code for this cyan is #6ad0e2.

Questions about #6ad0e2

What is #6ad0e2 in RGB, HSL and CMYK?
In RGB, #6ad0e2 is rgb(106, 208, 226), in HSL hsl(189, 67%, 65%) and in CMYK 53%, 8%, 0%, 11%.
What colors pair well with #6ad0e2?
Pair #6ad0e2 with deep charcoal or slate tones to ground its bright energy. Using it against dark neutrals creates a balanced, modern interface without looking washed out, while keeping the cyan as the primary, high-visibility focal point of your design.
Is #6ad0e2 a good choice for interface design?
This color is highly effective for interface design because it provides a strong 11.7:1 contrast ratio against black text. This readability makes #6ad0e2 an excellent choice for primary buttons, alerts, or interactive elements where clarity and accessibility are the top priorities.
Is #6ad0e2 readable on white or black?
#6ad0e2 has a 1.78:1 contrast ratio on white and 11.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.