#363B3D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, neutral grey carries a serious and disciplined tone. Its low chroma makes #363b3d an excellent candidate for text-heavy interfaces or minimal backgrounds where high contrast is necessary. Because white text maintains an accessible 11.4:1 ratio against it, use this hex code as a base for modern dashboards. Pair it with soft cream or muted ochre to avoid a flat, industrial appearance.
Questions about #363b3d
What is #363b3d in RGB, HSL and CMYK?
In RGB, #363b3d is rgb(54, 59, 61), in HSL hsl(197, 6%, 23%) and in CMYK 11%, 3%, 0%, 76%.
Why is #363b3d effective for UI design?
#363b3d functions as a reliable anchor for modern interfaces because it offers a significant contrast ratio against white text while remaining softer than pure black. This reduced visual tension makes it comfortable for long-form reading in dashboard environments.
What colors complement the neutrality of #363b3d?
Pair #363b3d with muted ochre or soft cream to avoid a flat, industrial appearance that can arise from strictly monochromatic palettes. These warmer tones balance the cool, disciplined nature of the grey without overwhelming the overall minimal aesthetic.
Is #363b3d readable on white or black?
#363b3d has a 11.35:1 contrast ratio on white and 1.84: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.