#363B1E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, dark olive tone carries a heavy, unsaturated yellow base that leans toward an earthy, somber aesthetic. Due to its low lightness, #363b1e works best as a grounding background or a moody accent color rather than a primary shade. White text offers excellent readability against this dark hex code, making it suitable for clean, high-contrast UI elements. Pair it with soft cream tones to avoid overwhelming the design.
Questions about #363b1e
What is #363b1e in RGB, HSL and CMYK?
In RGB, #363b1e is rgb(54, 59, 30), in HSL hsl(70, 33%, 17%) and in CMYK 8%, 0%, 49%, 77%.
Which colors pair best with #363b1e?
Pair #363b1e with cream or soft off-white tones to maintain readability without washing out its intensity. Using high-contrast light text against this dark olive creates a professional look, while hints of terracotta provide a subtle, warming secondary accent.
Should I use #363b1e for text?
This shade is generally too dark for body copy on most backgrounds, though it performs beautifully as a bold header or button color. Because it is so saturated, ensure your background is light enough to maintain proper contrast ratios for accessibility compliance.
Is #363b1e readable on white or black?
#363b1e has a 11.65:1 contrast ratio on white and 1.80: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.