#688905 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #688905 graphic
This saturated olive-lime offers an earthy, high-energy punch that commands attention. Because of its intensity, #688905 works best as a 10% accent color rather than a dominant background. Pair it with deep charcoals or slate grays to ground the brightness. Black text reads clearly against this shade, meeting accessibility standards for small body text when applied strategically in UI design.

Questions about #688905

What is #688905 in RGB, HSL and CMYK?
In RGB, #688905 is rgb(104, 137, 5), in HSL hsl(75, 93%, 28%) and in CMYK 24%, 0%, 96%, 46%.
What colors pair best with #688905?
#688905 is a high-intensity olive-lime that benefits from being grounded by deep neutrals. It pairs exceptionally well with charcoal or slate grays to stabilize its energy, and it creates a sophisticated contrast when used alongside deep, muted navy tones.
Is #688905 suitable for UI design text?
#688905 is generally too bright and lacks the necessary contrast ratio to be used as body text on light backgrounds. It is much better suited for small UI elements like buttons, active states, or icons that need to stand out clearly against a neutral interface.
Is #688905 readable on white or black?
#688905 has a 4.06:1 contrast ratio on white and 5.16: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.