#2C3E50 Hex Color
A grounded dark slate for professional UI
This dark, desaturated slate blue functions as a grounded base for professional UI designs. It maintains an 11.0:1 contrast ratio against white text, which ensures high readability in dark mode layouts. While it pairs effectively with muted metallic tones, it operates best as a softer alternative to standard black. The hex code for this shade is #2c3e50.
Questions about #2c3e50
What is #2c3e50 in RGB, HSL and CMYK?
In RGB, #2c3e50 is rgb(44, 62, 80), in HSL hsl(210, 29%, 24%) and in CMYK 45%, 22%, 0%, 69%.
Why is #2c3e50 a popular choice for dark mode UI?
#2c3e50 offers a high contrast ratio against white text, typically exceeding 11:1, which makes it far easier on the eyes than absolute black. It provides a grounded, professional foundation that reduces visual strain while maintaining a clean, modern aesthetic.
What colors pair well with #2c3e50 in a design system?
This deep slate works beautifully when balanced with lighter, airy neutrals or vibrant accent colors. It pairs well with silver for a metallic touch or cream to soften the overall palette, creating a sophisticated contrast that feels both intentional and balanced.
Is #2c3e50 readable on white or black?
#2c3e50 has a 10.98:1 contrast ratio on white and 1.91: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 is too faint for text. Try other pairs in the contrast checker.