#818276 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted olive hue leans heavily into grey and yellow tones. Because it is desaturated, #818276 acts as a sophisticated neutral rather than a vibrant pop of color. It reads legible against black text, making it a reliable choice for button backgrounds or border accents. Pair it with soft creams or charcoal greys to avoid a muddy appearance in your UI designs. The hex code for this shade is #818276.
Questions about #818276
What is #818276 in RGB, HSL and CMYK?
In RGB, #818276 is rgb(129, 130, 118), in HSL hsl(65, 5%, 49%) and in CMYK 1%, 0%, 9%, 49%.
How can #818276 be used effectively in UI design?
#818276 functions best as a sophisticated background or border accent because of its low saturation. Use it to ground bright interface elements or pair it with crisp white or deep charcoal to maintain high legibility and a modern, understated look.
Does #818276 read as warm or cool?
This color sits on the fence, leaning slightly warm due to its yellow-green undertones while remaining tempered by a strong grey base. Its desaturated nature prevents it from feeling overtly warm, allowing it to act as a versatile, cooling neutral in many applications.
Is #818276 readable on white or black?
#818276 has a 3.89:1 contrast ratio on white and 5.38:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.