#64C3A3 Hex Color

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

Hex color #64c3a3 graphic
#64c3a3 is a muted, pastel teal with a distinct cool cast. Because of its desaturation, this shade avoids feeling neon, making it a reliable choice for calm UI backgrounds or healthcare branding. It pairs well with charcoal gray text for excellent readability. While it works as a main color, use it sparingly in layouts to keep it from feeling washed out. The hex code for this teal is #64c3a3.

Questions about #64c3a3

What is #64c3a3 in RGB, HSL and CMYK?
In RGB, #64c3a3 is rgb(100, 195, 163), in HSL hsl(160, 44%, 58%) and in CMYK 49%, 0%, 16%, 24%.
What colors pair well with #64c3a3?
Pair #64c3a3 with charcoal or deep slate grays to maximize readability in UI designs. If you need warmth to balance its coolness, consider soft terracotta or neutral sand tones to create a balanced, nature-inspired palette that feels grounded rather than clinical.
Is #64c3a3 suitable for text-heavy interfaces?
Because #64c3a3 is a mid-tone pastel, it lacks the high contrast necessary for accessibility when used as a text color against white. Use it as a secondary accent or button color, ensuring you stick to dark, high-contrast text for all body content.
Is #64c3a3 readable on white or black?
#64c3a3 has a 2.12:1 contrast ratio on white and 9.87: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.