#525F64 Hex Color

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

Hex color #525f64 graphic
Dark, dusty cyan with gray undertones, #525f64 has a low-saturation, slate-like finish that feels serious and shadowed. The hex code #525f64 suits dark-mode interfaces, technology branding, and moody backgrounds. Use it as a dominant base with pale cyan or warm ivory accents. White text reaches about a 6.6:1 contrast ratio.

Questions about #525f64

What is #525f64 in RGB, HSL and CMYK?
In RGB, #525f64 is rgb(82, 95, 100), in HSL hsl(197, 10%, 36%) and in CMYK 18%, 5%, 0%, 61%. Browse more shades of gray with names and hex codes.
What colors pair well with #525f64?
#525f64 pairs well with pale cyan, warm ivory, and restrained coral accents, which brighten its dusty blue-green base without overpowering its low-saturation, slate-like character in interfaces, logos, and editorial layouts. Use pale tones for readable contrast and warmer accents when the composition needs more energy.
Where does #525f64 work best?
#525f64 works best as a dominant base for dark-mode interfaces, technology branding, and moody backgrounds, where its cool gray undertone creates a serious, shadowed atmosphere without adding strong visual noise. Balance it with pale cyan or warm ivory for clearer separation and softer accents.
Is #525f64 readable on white or black?
#525f64 has a 6.60:1 contrast ratio on white and 3.17: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.