#63A8B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated cyan feels cool and grounded, avoiding the harshness of a primary blue. Because it sits at a mid-range saturation, #63a8b5 works best as a steady supporting tone rather than a background. Use it alongside deep charcoal or warm slate grays for balanced, modern tech interfaces. The hex code for this cyan shade is #63a8b5, which provides strong readability with black text.
Questions about #63a8b5
What is #63a8b5 in RGB, HSL and CMYK?
In RGB, #63a8b5 is rgb(99, 168, 181), in HSL hsl(190, 36%, 55%) and in CMYK 45%, 7%, 0%, 29%.
What colors pair well with #63a8b5?
Because #63a8b5 acts as a steady, mid-saturation tone, it pairs best with dark neutrals like charcoal or slate gray to maintain a professional, high-contrast look. Adding a soft white or warm cream as an accent helps lift the overall composition.
Is #63a8b5 suitable for UI text?
While #63a8b5 works well for functional elements like buttons or icons, it lacks sufficient contrast against white backgrounds for standard body text. It is safer to use it as a secondary accent color alongside dark-colored typography for better accessibility.
Is #63a8b5 readable on white or black?
#63a8b5 has a 2.69:1 contrast ratio on white and 7.79: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.