#3E5F63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted cyan carries a serious and dim character. The hex code #3e5f63 functions best as a supporting tone or background, as its low saturation can appear muddy in larger areas. It creates enough contrast for accessible body text when paired with white. Try using it alongside warmer, earthy tones to balance its cool, grounded nature in UI design projects.
Questions about #3e5f63
What is #3e5f63 in RGB, HSL and CMYK?
In RGB, #3e5f63 is rgb(62, 95, 99), in HSL hsl(186, 23%, 32%) and in CMYK 37%, 4%, 0%, 61%. Browse more shades of gray with names and hex codes.
What colors pair well with #3e5f63 in UI design?
#3e5f63 pairs best with warm, earthy neutrals like terracotta or soft sand to balance its cool, serious character. Using it alongside high-contrast white text ensures the color remains readable while maintaining a grounded, professional aesthetic in background sections.
Is #3e5f63 suitable for primary text on websites?
#3e5f63 generally lacks the high contrast required for accessible body text when placed on standard light backgrounds. It functions much better as a subtle container color, header accent, or decorative element where its muted, serious tone can provide visual structure.
Is #3e5f63 readable on white or black?
#3e5f63 has a 6.94:1 contrast ratio on white and 3.02: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.