#363737 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, neutral grey functions as a reliable anchor for modern interfaces. Because #363737 lacks strong chromatic undertones, it creates a serious, professional backdrop without distracting from brighter accent colors. It offers excellent legibility for small body text when paired with white, maintaining a high contrast ratio. Use this hex code as a base for moody designs to establish depth and stability in your layout.
About Dark Grey
Charcoal left out in the rain, still holding its shape
What does dark grey mean?
Dark grey often stands for neutrality, formality, and shadow. It sits low on the lightness scale with almost no saturation, so it feels heavy, still, and closed off.
Where you see dark grey
- asphalt
- graphite pencil leads
- cast iron skillets
- storm clouds
- concrete
- charcoal
What it works for
It works as a background color that lets brighter elements carry the page, and for text on light surfaces where black feels too harsh.
What colors go with dark grey?
Dusty Rose #b56f76The soft pink warms the grey and keeps it from feeling cold.Burnt Orange #cc5500The deep orange glows against the grey like light through smoke.Sage #9caf88The muted green reads as natural next to this flat, city grey.Linen #faf0e6The pale warm neutral gives the grey breathing room and lift.Mustard #ffdb58The yellow cuts through the gloom with a sharp, dry hit.Powder Blue #b0e0e6The pale blue cools the grey toward an overcast morning sky.
Questions about Dark Grey
What is the hex code for Dark Grey?
Dark Grey is #363737. In RGB that is rgb(54, 55, 55), in HSL hsl(180, 1%, 21%) and in CMYK 2%, 0%, 0%, 78%.
When should you use #363737 for web UI design?
#363737 functions as a highly effective, low-contrast alternative to pure black for text or background elements. Using this shade prevents the harsh visual tension created by jet black while maintaining excellent readability against white or light grey backgrounds.
Is Dark Grey readable on white or black?
Dark Grey has a 11.94:1 contrast ratio on white and 1.75: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.