#C2884E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, warm orange carries earthy undertones that feel approachable rather than aggressive. Because it is desaturated, #c2884e works well as a grounding accent against cooler, slate blues or deep charcoals. While it is readable enough for small text on its own, it excels in branding or illustration where a mellow, energetic pop is needed without overwhelming the design.
Questions about #c2884e
What is #c2884e in RGB, HSL and CMYK?
In RGB, #c2884e is rgb(194, 136, 78), in HSL hsl(30, 49%, 53%) and in CMYK 0%, 30%, 60%, 24%.
What colors pair well with #c2884e?
#c2884e works best when balanced against cooler, darker neutrals like charcoal or deep navy to prevent the warmth from becoming overwhelming. Its desaturated nature also makes it a strong, sophisticated partner for slate blue, creating a grounded, modern contrast that feels natural rather than artificial.
Is #c2884e suitable for UI text or body content?
While #c2884e maintains decent readability against very light backgrounds, it is often too soft for small body text under standard accessibility guidelines. It functions far better as an accent for buttons, icons, or illustrative elements where its energetic, mellow character can shine without sacrificing user legibility.
Is #c2884e readable on white or black?
#c2884e has a 3.03:1 contrast ratio on white and 6.92: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.