#ECC69E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated orange balances warmth with an ashy, dusty quality. Because #ecc69e sits on the lighter side, it works best as a supporting tone rather than a dominant background. Pair it with deep charcoal or slate blue to create contrast, as its soft nature can easily wash out against pure white. The hex code for this gentle shade is #ecc69e.
Questions about #ecc69e
What is #ecc69e in RGB, HSL and CMYK?
In RGB, #ecc69e is rgb(236, 198, 158), in HSL hsl(31, 67%, 77%) and in CMYK 0%, 16%, 33%, 7%.
Does #ecc69e function better as a primary or secondary color?
This color excels as a secondary or supporting tone because its dusty, muted nature lacks the intensity required to drive a design on its own. Pair #ecc69e with stronger, more saturated colors to provide visual depth without overwhelming the overall palette.
Is #ecc69e readable on white or black?
#ecc69e has a 1.59:1 contrast ratio on white and 13.13:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.