#66A49B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, cool-toned teal feels reserved and balanced due to its low saturation. Because it maintains strong contrast, #66a49b is an excellent choice for body text against light backgrounds, ensuring readability in UI design. It pairs well with warm, creamy neutrals or darker charcoal grays. Avoid overusing it as a large-scale background, as it can appear muted and flat in oversized applications.
Questions about #66a49b
What is #66a49b in RGB, HSL and CMYK?
In RGB, #66a49b is rgb(102, 164, 155), in HSL hsl(171, 25%, 52%) and in CMYK 38%, 0%, 5%, 36%.
Why is #66a49b effective for UI design?
This color offers strong contrast, making it an excellent choice for body text against light backgrounds to ensure readability without harshness. Because of its dusty, low-saturation nature, it remains professional and gentle on the eyes in digital interfaces.
What color combinations work best with #66a49b?
Pair #66a49b with warm, creamy neutrals to highlight its cool undertones, or use darker charcoal grays to ground the design. These combinations create a balanced, sophisticated aesthetic that avoids appearing flat or overly muted in professional branding.
Is #66a49b readable on white or black?
#66a49b has a 2.85:1 contrast ratio on white and 7.34: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.