#70633C Hex Color

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

Hex color #70633c graphic
This muted, ashy shade sits between yellow and brown, offering a grounded and organic feel. Because it is highly unsaturated, #70633c works best as a supporting tone or accent rather than a dominant background. Pair it with soft cream or slate gray to balance the warmth. While white text meets accessibility standards on this hex code, it often shines brightest in small, detailed UI elements.

Questions about #70633c

What is #70633c in RGB, HSL and CMYK?
In RGB, #70633c is rgb(112, 99, 60), in HSL hsl(45, 30%, 34%) and in CMYK 0%, 12%, 46%, 56%.
What colors pair best with #70633c in a design scheme?
Pair #70633c with cream or slate to balance its heavy, organic warmth without overwhelming the viewer. Because this shade is highly desaturated, it creates a grounded, professional look when used alongside these lighter, neutral tones rather than bright or saturated colors.
Is #70633c suitable for large blocks of text?
Avoid using #70633c for body text or large blocks because its muted contrast makes readability difficult. It is far more effective as a small, deliberate UI accent, such as button borders or icon highlights, where its ashy, grounded quality can shine without straining the eye.
Is #70633c readable on white or black?
#70633c has a 5.93:1 contrast ratio on white and 3.53: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.