#636D6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy teal sits firmly in the middle ground, balancing gray desaturation with cool green undertones. Because it feels muted and professional, the hex code #636d6a works best as a supporting tone in web interfaces rather than a primary background. It pairs exceptionally well with crisp whites or warm, terracotta accents. White text remains perfectly legible here, making it a reliable choice for UI components.
Questions about #636d6a
What is #636d6a in RGB, HSL and CMYK?
In RGB, #636d6a is rgb(99, 109, 106), in HSL hsl(162, 5%, 41%) and in CMYK 9%, 0%, 3%, 57%. Browse more shades of gray with names and hex codes.
What colors pair well with #636d6a for a balanced design?
#636d6a works best when paired with high-contrast neutrals like crisp white to prevent it from looking muddy. For a sophisticated, earth-toned palette, try mixing it with warm terracotta or soft cream to balance its cool, ashy undertones effectively.
Is #636d6a suitable for primary text on a website?
Using #636d6a for primary body text is not recommended because its muted value lacks the necessary contrast against standard light backgrounds. It performs much better as a subtle background for UI cards, borders, or secondary accent elements.
Is #636d6a readable on white or black?
#636d6a has a 5.34:1 contrast ratio on white and 3.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.