#286022 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted green carries a heavy, serious weight, making it ideal for grounded branding in sustainability or finance. Because #286022 has high contrast against white text, it works well as a dominant background color for dark interfaces. It feels more stable than brighter shades, though it can appear murky if paired with other desaturated tones. Use it as a base to anchor energetic, lighter accents.
Questions about #286022
What is #286022 in RGB, HSL and CMYK?
In RGB, #286022 is rgb(40, 96, 34), in HSL hsl(114, 48%, 25%) and in CMYK 58%, 0%, 65%, 62%.
How should I pair #286022 in a UI design?
#286022 works best as a primary background or brand color, paired with high-contrast neutral text like cream or soft white for readability. Avoid placing it against dark grey or black, as the lack of luminance contrast can make text difficult to read.
What colors complement #286022?
To balance the density of #286022, pair it with lighter, warmer accents like a soft terracotta or a muted gold. These warm hues provide a lively contrast that prevents the green from feeling too stagnant or murky in a composition.
Is #286022 readable on white or black?
#286022 has a 7.53:1 contrast ratio on white and 2.78: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.