#7DC9E9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light cyan offers a refreshing, airy quality that works well for UI backgrounds and playful branding. Because it is highly saturated, it pairs best with dark neutrals to create sharp, readable contrast. The hex code for this color is #7dc9e9. Since it is so bright, avoid using it for fine text. If you need mixing gray inspiration, black text on this shade remains highly legible.
Questions about #7dc9e9
What is #7dc9e9 in RGB, HSL and CMYK?
In RGB, #7dc9e9 is rgb(125, 201, 233), in HSL hsl(198, 71%, 70%) and in CMYK 46%, 14%, 0%, 9%.
What colors pair best with #7dc9e9 for modern design?
#7dc9e9 pairs beautifully with deep charcoal or dark navy tones to create high contrast and readable typography. These dark neutrals balance the high energy of this light cyan, making it an excellent choice for headers or button accents.
Is #7dc9e9 safe to use for website body text?
Using #7dc9e9 for fine body text is not recommended because the color is quite bright and often fails accessibility contrast standards. Instead, use this shade as a vibrant background color and overlay it with dark, high-contrast text for better legibility.
Is #7dc9e9 readable on white or black?
#7dc9e9 has a 1.84:1 contrast ratio on white and 11.40: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.