#306145 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated green feels grounded and serious. The hex code #306145 works best as a moody background for sustainable or pharmaceutical branding. It can appear muddy in large areas, so use it with caution. Because it provides excellent contrast, white text remains highly legible against this deep shade. Pair it with soft cream tones to add needed warmth to your design palette.
Questions about #306145
What is #306145 in RGB, HSL and CMYK?
In RGB, #306145 is rgb(48, 97, 69), in HSL hsl(146, 34%, 28%) and in CMYK 51%, 0%, 29%, 62%.
What colors pair well with #306145?
This green works best when paired with soft cream tones or warm neutrals to offset its inherently serious and dusty nature. It can also provide a sturdy, grounded base when set against a crisp off-white or light sand shade for balanced, readable typography.
Is #306145 suitable for large background areas?
Using #306145 as a full-page background requires caution because the dark, unsaturated pigment can quickly appear muddy or heavy. It is often more effective when utilized in smaller, intentional blocks or as a sophisticated accent color within a wider, lighter layout.
Is #306145 readable on white or black?
#306145 has a 7.18:1 contrast ratio on white and 2.92: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.