#63AC9E Hex Color

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

Hex color #63ac9e graphic
This dusty, unsaturated teal carries a cool and ashy quality that reads modern and clean. It pairs effectively with dark charcoal or soft greys for a balanced, professional look. Because #63ac9e provides strong contrast against black text, it functions well for small body copy in UI design. Use this hex code as a muted accent to ground overly saturated brand palettes.

Questions about #63ac9e

What is #63ac9e in RGB, HSL and CMYK?
In RGB, #63ac9e is rgb(99, 172, 158), in HSL hsl(168, 31%, 53%) and in CMYK 42%, 0%, 8%, 33%.
What colors pair well with #63ac9e for a professional palette?
This unsaturated teal works best when grounded by dark charcoal or deep slate tones for high-contrast professional interfaces. For a balanced look, pair it with soft, light greys or crisp white backgrounds to let the dusty pigment stand out without feeling overwhelming.
Is #63ac9e suitable for UI text or body copy?
Because #63ac9e maintains strong contrast against black, it functions effectively as a readable accent or small body copy color in UI design. It provides a unique, modern alternative to standard dark grey text while remaining legible for most interface requirements.
Is #63ac9e readable on white or black?
#63ac9e has a 2.64:1 contrast ratio on white and 7.92: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.