#536666 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan acts as a sophisticated alternative to standard grey or charcoal. Because of its low saturation and serious tone, #536666 shines as a dark UI background or a steady base for tech-focused branding. It offers enough contrast for legible white body text, making it a functional choice for high-density interfaces where stark black feels too aggressive.
Questions about #536666
What is #536666 in RGB, HSL and CMYK?
In RGB, #536666 is rgb(83, 102, 102), in HSL hsl(180, 10%, 36%) and in CMYK 19%, 0%, 0%, 60%. Browse more shades of gray with names and hex codes.
When should I use #536666 in UI design?
#536666 works best as a primary background for dense, data-heavy dashboards where stark black would feel too harsh or overwhelming. It provides a serious, professional tone that maintains excellent contrast against clean white text for improved user readability.
Which accent colors complement #536666?
Is #536666 readable on white or black?
#536666 has a 6.06:1 contrast ratio on white and 3.46: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.