#396333 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #396333 is a gray-leaning green with low saturation and a shaded, grounded feel. Its serious tone suits sustainability, finance, pharmacy, and gardening brands. Use it as a dominant background with warm cream accents. White text provides about 7.0:1 contrast, meeting WCAG AA for body text. The hex code is #396333.
Questions about #396333
What is #396333 in RGB, HSL and CMYK?
In RGB, #396333 is rgb(57, 99, 51), in HSL hsl(113, 32%, 29%) and in CMYK 42%, 0%, 48%, 61%.
What colors pair well with #396333?
Warm cream and soft beige provide gentle contrast with #396333, while terracotta adds an earthy accent and pale green tints create a quieter monochromatic scheme for backgrounds, cards, or secondary panels.
Does #396333 read as warm or cool?
It reads neutral to slightly cool because its muted green hue avoids strong yellow warmth, while low saturation softens the effect; that restrained balance gives #396333 a serious, grounded mood instead of a bright or energetic one.
Where does #396333 work well in a design?
Use #396333 as a dominant background, button color, or deep accent for sustainability, gardening, pharmacy, and finance interfaces where a serious, grounded visual tone supports clear information and restrained layouts. Warm cream surfaces and generous spacing can keep darker layouts from feeling heavy.
Is #396333 readable on white or black?
#396333 has a 6.98:1 contrast ratio on white and 3.00: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.