#64D3B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, high-saturation teal functions best as an accent color rather than a primary background, where it can easily dominate a design. Its clean, cool undertones provide excellent readability when paired with black text. Because this shade leans bright, it works well in UI for highlighting specific interactive elements. If you are experimenting with muted tones, understanding how to make gray helps balance this vivid hex code #64d3b9.
Questions about #64d3b9
What is #64d3b9 in RGB, HSL and CMYK?
In RGB, #64d3b9 is rgb(100, 211, 185), in HSL hsl(166, 56%, 61%) and in CMYK 53%, 0%, 12%, 17%.
How should I use #64d3b9 in my UI design?
Use #64d3b9 as an accent color rather than a primary background because its high brightness tends to dominate. It works effectively for call-to-action buttons or highlights where high visibility is required, especially against dark backgrounds like charcoal.
Does #64d3b9 work well with black text?
Yes, the cool, high-contrast nature of #64d3b9 provides excellent readability when paired with standard black text. If the design feels too intense, consider lowering the saturation slightly or surrounding the text with neutral space to maintain a balanced visual hierarchy.
Is #64d3b9 readable on white or black?
#64d3b9 has a 1.81:1 contrast ratio on white and 11.56: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.